Вам наверняка знакома следующая история: вы проводите много времени, читая о том, как ускорить свой блог WordPress, и устанавливаете для этого инструменты и бесплатные плагины. Затем вы (или ваш клиент) вносите, казалось бы, незначительное изменение в одну из ваших страниц, и скорость вашей страницы внезапно падает с обрыва. Если вы серьезно относитесь к улучшению скорости сайта, вы должны регулярно проверять скорость, в этом случае вы сможете быстро обнаружить эту проблему. Однако было бы неплохо, если бы существовал автоматизированный способ проверки скорости сайта WordPress каждый раз, когда вы вносите изменения. К счастью, такое решение есть. Это решение заключается в настройке Google Lighthouse для выполнения аудита скорости по требованию для вашего сайта WordPress. Настройка может быть немного долгой, но для опытного пользователя она не так уж сложна. В этой статье мы объясним, почему и как следует настроить Lighthouse CI для вашего сайта WordPress.
Введение в тестирование скорости WordPress
Сначала давайте подробнее рассмотрим, зачем вам нужно тестировать скорость вашего сайта WordPress, и какие стандартные способы для этого существуют. Есть две причины, по которым ваш сайт – независимо от того, основан он на WordPress или нет – должен быть быстрым. Первая заключается в том, что время ожидания среднего веб-пользователя уже очень мало: 47% потребителей ожидают, что веб-страница загрузится менее чем за две секунды, и они быстро покинут страницу, если она будет загружаться слишком долго. По этой причине сокращение времени загрузки является важнейшей задачей, в частности, для магазинов электронной коммерции. Вторая причина немного более техническая, но не менее важная. С 2010 года Google использует скорость сайта в качестве сигнала ранжирования.
В результате скорость веб-сайтов становится все более важным фактором, определяющим, насколько высоко в рейтинге Google SearchRank находится ваша страница. По этой причине собственный PageSpeed insights от Google является ключевым инструментом, широко используемым SEO-специалистами и маркетологами, поскольку он дает прямой доступ к системе, с помощью которой поисковые алгоритмы Google оценивают скорость страницы. Эти соображения применимы к WordPress в той же мере, что и к сайтам, работающим на других платформах. В связи с этим, а также в связи с доминированием WordPress на рынке, в настоящее время существует несколько инструментов для проверки скорости вашего сайта. Они варьируются от одноразовых проверок на основе браузера до полнофункциональных настольных программных комплексов, которые дадут вам подробный обзор работы каждой страницы вашего сайта WordPress.
Google Lighthouse и WordPress
Одним из самых важных и популярных инструментов для оценки скорости – и общего качества – веб-сайтов является Google Lighthouse. До недавнего времени Lighthouse использовался почти исключительно разработчиками и другими техническими специалистами. Но Google приложил все усилия, чтобы сделать его доступным для обычных пользователей, и его популярность как инструмента тестирования скорости растет благодаря высокому уровню автоматизации. Lighthouse можно запустить на любой странице, независимо от того, требует ли она аутентификации или нет, и работает ли она на WordPress или нет. Он выполнит серию заданных пользователем тестов, а затем сгенерирует отчет о том, как работает страница.
Эти отчеты можно использовать для улучшения общего качества веб-страниц, включая их скорость. Хотя 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 Function, которая сможет обновить конфигурацию действий Lighthouse CI с помощью недавно измененных URL из XML sitemaps, а затем отправить новую конфигурацию в хранилище.
На этом этапе на вашем сайте WordPress будет автоматически запущен экземпляр Lighthouse CI, который будет предупреждать вас, когда запланированные изменения приведут к замедлению работы сайта. Отсюда вы можете даже добавить автоматические действия в репозиторий GitHub, чтобы предотвратить публикацию изменений такого типа на вашем сайте. Лучшей альтернативой использованию Lighthouse CI для повышения скорости работы сайта WordPress является использование инструментов тестирования скорости, встроенных в ваш хостинг. Наиболее распространенные хостинги WordPress, такие как SiteGround или Kinsta, поставляются с определенными инструментами тестирования скорости, которые, как утверждается, увеличивают скорость сайта более чем на 200%, и могут быть использованы вместе с Lighthouse CI, если вы захотите.
Заключительные размышления
В конечном счете, цель установки Lighthouse CI на ваш сайт WordPress заключается в том, чтобы предоставить вам лучший контроль над его производительностью; он не поможет вам улучшить эту производительность. Если вы постоянно видите, что страницы превышают бюджет производительности Lighthouse, пришло время принять меры. Прочитайте наши руководства по оптимизации страниц WordPress, или вы можете даже предпринять более радикальный шаг – изучить услуги CDN, которые могут ускорить WordPress. Какой бы подход вы ни выбрали, помните о важности скорости для успеха вашего сайта. Убедитесь, что вы регулярно проводите аудит.
