Статьи

Как использовать аудит Google Lighthouse для повышения скорости

Вы, вероятно, знакомы со следующей историей: вы проводите много времени, читая о том, как ускорить свой блог WordPress, и устанавливаете для этого инструменты и бесплатные плагины. Затем вы (или ваш клиент) вносите, казалось бы, небольшие изменения в одну из своих страниц, и скорость вашей страницы внезапно падает с обрыва.

Если вы серьезно настроены улучшить скорость своего веб-сайта, вам следует регулярно проверять скорость, и в этом случае вы можете довольно быстро обнаружить эту проблему. Тем не менее, было бы хорошо, если бы существовал автоматический способ проверки скорости вашего сайта WordPress каждый раз, когда вы вносите изменения. К счастью, решение есть.

Это решение – настроить Google Lighthouse для проведения аудита скорости по запросу для вашего сайта WordPress. Настройка может быть немного сложной, но и не так уж и сложной для опытного пользователя. В этой статье мы объясним, почему и как вы должны настроить Lighthouse CI для своего сайта WordPress.

Введение в тестирование скорости WordPress

Как использовать аудит Google Lighthouse для повышения скорости

Сначала давайте подробнее рассмотрим, зачем вам нужно ускорять тестирование вашего сайта WordPress, и какие стандартные способы это сделать.

По сути, есть две причины, по которым ваш веб-сайт – независимо от того, основан он на WordPress или нет – должен быть быстрым. Один из них заключается в том, что объем внимания среднего веб-пользователя уже очень короткий: 47% потребителей ожидают, что веб-страница загрузится менее чем за две секунды, и они быстро покинут страницу, если загрузка займет слишком много времени. По этой причине сокращение времени загрузки является важной проблемой, в частности, для магазинов электронной коммерции.

Вторая причина более техническая, но не менее важная. Google использует скорость сайта в качестве сигнала ранжирования с 2010 года. В результате скорость веб-сайтов стала еще более важным фактором в том, насколько высоко в Google SearchRank появляется ваша страница.

По этой причине собственная статистика Google PageSpeed ​​является ключевым инструментом, обычно используемым специалистами по SEO и маркетологами, поскольку она дает прямой доступ к системе, через которую алгоритмы поиска Google оценивают скорость страницы.

Эти соображения применимы к WordPress так же, как и к сайтам, работающим на других платформах. Из-за этого, а также из-за доминирования WordPress на рынке теперь доступно несколько инструментов для проверки скорости вашего сайта. Они варьируются от одноразовых проверок на основе браузера до полнофункциональных наборов программного обеспечения для настольных ПК, которые предоставят вам подробное изложение того, как работает каждая страница на вашем сайте WordPress.

Google Lighthouse и WordPress

Как использовать аудит Google Lighthouse для повышения скорости

Одним из наиболее важных и популярных инструментов для оценки скорости и общего качества веб-сайтов является Google Lighthouse. До недавнего времени Lighthouse использовался почти исключительно разработчиками и другими техническими специалистами. Но Google упорно трудился, чтобы сделать его доступным для среднего пользователя, и он растет популярность как инструмент тестирования скорости благодаря высокому уровню автоматизации, которые она предлагает.

Lighthouse может быть запущен на любой странице, независимо от того, требует ли она аутентификации или нет, и работает ли он на WordPress или нет. Он запустит серию определяемых пользователем тестов, а затем сгенерирует отчет о работе страницы.

Как использовать аудит Google Lighthouse для повышения скорости

Эти отчеты затем можно использовать для улучшения общего качества ваших веб-страниц, включая их скорость.

Хотя вы можете запускать Lighthouse прямо из Chrome DevTools, существует также версия инструмента, которая постоянно обновляется. Это известно как Lighthouse CI, и это будет версия Lighthouse, которая понадобится более продвинутым пользователям.

CI в этом контексте означает непрерывную интеграцию. Это парадигма разработки программного обеспечения, при которой обновления программного обеспечения постоянно загружаются разработчиками в центральный репозиторий, поэтому пользователи всегда имеют доступ к последней версии. CI теперь является стандартом во многих веб-технологиях и отраслях. Например, 43% банковских приложений запрограммированы с помощью COBOL, языка компьютерного программирования на основе CI.

Одна из причин, по которой CI не получил широкого распространения, заключается в том, что до сих пор существует широко распространенное (и часто необоснованное) предположение, что это вызывает серьезные проблемы с безопасностью. Однако правда в том, что CI может привести к более безопасным программным системам благодаря практике, обеспечивающей автоматическое обеспечение безопасности.

Также есть много причин использовать Lighthouse CI для аудита скорости вашего сайта WordPress, но среди наиболее полезных являются то, что вы можете настроить Lighthouse CI для автоматического запуска каждый раз при обновлении или изменении вашего сайта. Это можно сделать с помощью бюджета Lighthouse, где вы можете определить ряд специальных тестов скорости для различных частей вашего сайта.

Кроме того, вы даже можете использовать эту автоматизированную систему для предотвращения изменений, которые замедлят развертывание вашего сайта на ваших (или ваших клиентских) сайтах WordPress. Это автоматически предотвращает влияние дорогостоящих изменений на ваш рейтинг PageRank.

Использование Lighthouse CI с WordPress

Процесс настройки Lighthouse CI для работы на вашем сайте WordPress не сложен, но требует немного усилий.

Для тех, кто хочет получить краткое изложение процесса или у кого есть немного больше технических знаний, вот основная схема процесса:

  • Во-первых, вам нужно будет настроить новый репозиторий GitHub, чтобы отслеживать изменения на вашем сайте WordPress. Если вы все равно регулярно тестируете скорость своего сайта, настройка репо, подобного этому, – отличный способ отслеживать ваш сайт, независимо от того, используете ли вы Lighthouse CI или нет.
  • Затем вам нужно будет загрузить Lighthouse CI и настроить его для поиска изменений. Затем вы можете создать действие Lighthouse, которое запускается автоматически каждый раз при изменении URL-адреса на вашем сайте WordPress.
  • Чтобы создать функцию, вам нужно будет создать отдельную функцию Google Cloud, которая может обновлять конфигурацию действия Lighthouse CI с недавно измененными URL-адресами из XML-карт сайта, а затем отправлять новую конфигурацию в репозиторий.

На этом этапе у вас будет экземпляр Lighthouse CI, который автоматически запускается на вашем сайте WordPress и предупреждает вас, когда ваши запланированные изменения замедлят его работу. Отсюда вы даже можете добавить автоматические действия в репозиторий GitHub, чтобы предотвратить публикацию изменений этого типа на вашем сайте.

Лучшая альтернатива использованию Lighthouse CI для повышения скорости вашего сайта WordPress – это использовать инструменты тестирования скорости, встроенные в ваш веб-хостинг. Наиболее распространенные хосты WordPress, такие как SiteGround или Kinsta, поставляются с определенными инструментами тестирования скорости, которые утверждают, что повышают скорость сайта более чем на 200%, а также могут использоваться вместе с Lighthouse CI, если вы того пожелаете.

Последние мысли

В конечном итоге цель установки Lighthouse CI на ваш сайт WordPress – дать вам лучший контроль за его работой; это не поможет вам улучшить эту производительность.

Если вы постоянно видите, что страницы превышают бюджет производительности Lighthouse, пора действовать. Прочтите наши руководства о том, как оптимизировать свои страницы WordPress, или вы даже можете предпринять более радикальный шаг и изучить службы CDN, которые могут ускорить WordPress.

Какой бы подход вы ни выбрали, помните о важности скорости для успеха вашего сайта. Убедитесь, что вы регулярно проводите одитинг.

Кнопка «Наверх»