Нас всех волнует скорость загрузки нашего сайта.
По крайней мере, нам уже пора.
Быстрый веб-сайт на любом устройстве или в браузере не только обеспечивает лучший пользовательский опыт, но и вознаграждается поисковыми системами большим авторитетом, помогая улучшить ваш рейтинг в поиске.
Если вы действительно не осознаете важность времени загрузки веб-сайта, почитайте об этом здесь, Кристина и Маркус, но прежде чем вы это сделаете, позвольте мне рассказать вам об этом новом обновлении от Google, которое, возможно, поможет добавить его в перспектива для тебя.
Барабанная дробь.
PageSpeed Insight и Lighthouse Unite
PSI теперь использует Lighthouse в качестве механизма анализа.
Почему это так важно? Как вы, возможно, знаете, Google предоставляет множество инструментов (например, PSI и Lighthouse), которые помогут вам оценить производительность отдельной страницы или даже всего вашего сайта.
Хотя это, казалось бы, хорошо, недавно выяснилось, что такое разнообразие инструментов вызывает некоторые проблемы, поскольку все они имеют разные рекомендации, что в конечном итоге может запутать пользователя.
Google решил это исправить и объединил усилия PageSpeed Insights и Lighthouse (два давно предлагаемых инструмента) для устранения разрыва.
PageSpeed Insight (PSI) для тех из вас, кто с ним не знаком, - это инструмент, который анализирует производительность страницы как на настольных, так и на мобильных устройствах и предлагает рекомендации по улучшению вашей страницы.
Lighthouse - это автоматизированный инструмент с открытым исходным кодом, используемый для улучшения вашей страницы. По словам Google, он «дает вам персональные советы о том, как улучшить ваш веб-сайт с точки зрения производительности, доступности, PWA, SEO и других передовых методов».
Google заявляет, что теперь, работая вместе, «разработчики [будут] получать одинаковые проверки производительности и рекомендации повсюду: в Интернете, из командной строки и в Chrome DevTools».
Другими словами, рекомендации и данные между инструментами теперь будут согласованными, что уменьшит путаницу и смешанные сообщения.
Какую информацию теперь получат пользователи? Начнем с каждого отдельного инструмента.
Какую информацию предоставляет PSI?
С помощью PageSpeed Insight вам предоставляется следующая информация.
- Лабораторные данные Используя LightHouse, PSI имитирует загрузку вашей страницы мобильным устройством. После завершения он суммирует показатели производительности, такие как первая отрисовка контента и время взаимодействия, и дает вам оценку производительности от 0 до 100. Оценки делятся на три уровня: оценка 90 и выше считается быстрой, от 50 до 90 - средней, а ниже 50 - медленной.
- Field Data Это реальные показатели производительности, первая отрисовка контента и первая задержка ввода, для страницы и ее источника. Сильные стороны этого отчета заключаются в том, что он отражает реальный опыт пользователей и позволяет сопоставить их с ключевыми показателями эффективности бизнеса.(Обратите внимание, что не на всех сайтах данные полей могут быть доступны для отображения)
- Возможности. Это предложения PSI о том, как улучшить показатели производительности страницы и оценить, насколько быстрее она будет загружаться, если вы им последуете.
- Диагностика. Предоставляет дополнительную информацию о том, как страница соответствует лучшим практикам веб-разработки.
Какую информацию предоставляет Маяк?
Если вы хотите использовать Lighthouse в качестве индивидуального теста скорости веб-сайта, помимо PageSpeed Insights, аудит сообщает о нескольких ключевых факторах для каждой веб-страницы. Они:
- Общая производительность. Включенные метрики: первая содержательная отрисовка, первая значимая отрисовка, индекс скорости, первый простой процессора, время взаимодействия, расчетная задержка ввода.
- Прогрессивное веб-приложение. Эти проверки проверяют аспекты прогрессивного веб-приложения, как указано в базовом контрольном списке PWA.
- Лучшие практики. Некоторые из этих лучших практик включают в себя использование HTTPS, страницу с типом документа HTML, отказ от устаревших API, отсутствие регистрации ошибок браузера в консоли и т. д.
- Доступность. Эти проверки выявляют возможности улучшения доступности вашего веб-приложения. Автоматически может быть обнаружена только часть проблем с доступностью, поэтому рекомендуется также ручное тестирование.
- SEO. Эти проверки гарантируют, что ваша страница оптимизирована для ранжирования в результатах поисковых систем. Существуют дополнительные факторы, которые Lighthouse не проверяет и которые могут повлиять на ваш рейтинг в поиске. Узнайте больше.
Вот руководство, объясняющее, как Lighthouse подсчитывает очки.
В отчете Lighthouse по аудиту есть справочный документ, объясняющий, почему аудит важен, а также как его исправить.
Что это значит для вас?
Ваш аудит с использованием различных инструментов Google Performance станет менее запутанным и более связным!
Как маркетологи, вы и ваши разработчики должны по-настоящему заботиться об этих типах инструментов, поскольку они помогают обеспечить оптимальную работу вашего сайта и улучшить его рейтинг в поисковых системах.
Независимо от того, делаете ли вы постоянные обновления на своем сайте или нет, вам следует проверять его производительность, чтобы убедиться, что вы соответствуете тому, что ищут поисковые системы.
Если PSI или Lighthouse сообщают вам, что ваш сайт работает медленно, и вам нужны еще несколько рекомендаций, вот 5 способов, которыми вы и ваша команда можете улучшить время загрузки страниц на вашем веб-сайте.
Итак, как мне начать использовать Lighthouse или PSI?
Вы можете запустить Lighthouse в ChromeDev Tools, а для технических разработчиков и маркетологов, которым нравится участвовать в разработке, - из командной строки или модуля Node.
Здесь вы можете найти пошаговые инструкции по запуску Lighthouse.
Для PSI просто перейдите на https://developers.google.com/speed/pagespeed/insights/, введите свой URL-адрес и нажмите кнопку анализа, чтобы увидеть результаты.