Первое, что влияет на впечатление пользователя от сайта — скорость его загрузки. Если сайт не загрузился в первые три секунды, скорее всего пользователь его закроет. Даже если на сайте выстроена идеальная воронка продаж, продумано юзабилити, продается что-то выгодное и полезное, клиент этого не увидит,потому что не дождется загрузки.
Поисковики любят быструю загрузку
Поисковые системы тоже поощряют ускорение загрузки. В Яндексе говорят о том, что более 40% выходят в сеть с 3G-интернетом, так что тяжелые страницы будут загружаться очень медленно. Проблема долгого ответа сервера считается критичной: если среднее время ответа всех страниц дольше трех секунд, вы увидите предупреждение в Яндекс.Вебмастере
Google в июле 2018 запустил алгоритм Google Speed Update, он понижает в выдаче сайты, которые загружаются очень долго. Особенно рискуют интернет-магазины, потому что обычно они функционально перегружены.
Многие владельцы сайтов и SEO-специалисты жаловались на значительную просадку позиций после обновления алгоритма. Сервисы мониторинга позиции не показывали каких-либо значительных изменений:
Но сайты, которые действительно долго загружались, просели в выдаче. Интересно, что по анализу Барри Шварца, владельца портала Seroundtable, апдейт больше всего навредил сайтам о здоровье:
Пострадали 42% официальных ресурсов медучреждений, частных сайтов о здоровье и фитнесе, ЗОЖ. Причина такого смещения результатов неизвестна, точнее, нет официального ответа, зато есть версии, о которых мы рассказывали в статье «Как продвигать сайты в медицинской тематике».
Даже если ваш сайт далек от темы здоровья, работать над скоростью все равно нужно.
От чего зависит скорость загрузки сайта
Скорость загрузки сайта зависит от нескольких факторов, каждый из них можно ускорить по мере возможностей.
Серверные параметры, хостинг
Время ответа сервера — это время, за которое сеть и сервер вернул первый запрошенный байт HTML-файла. Чем больше это время, тем дольше у пользователя белый экран загрузки вместо сайта. Плохо, если время ответа сервера дольше трех секунд, Яндекс.Вебмастер покажет уведомление о критичной ошибке.
Скорость ответа сервера, верстка, оптимизация CSS и JS влияет на время загрузки основной части сайта.
Часто проблема может быть в том, что не хватает ресурсов хостинга — CPU и скорости дисковой системы. Обычно советуют найти SSD хостинг и использовать сети CDN, чтобы сократить время доставки контента — система выберет ближайший к пользователю сервер.
По словам Джона Мюллера, Google определяет скорость сайта по общей картине, а не по промежуточным этапам. Быстрой загрузки первого байта (TTFB) недостаточно, это не показатель хорошего пользовательского опыта. Важно общее время загрузки и рендеринга, поэтому стоит работать над всеми доступными параметрами.
На смартфонах сайты загружаются медленнее, чем на десктопе, тем более с мобильного интернета.
Так что особенно важно следить за скоростью загрузки с мобильных, показатели могут отличаться от десктопных чуть ли не в два раза. Первый экран должен появляться не позднее, чем через полторы секунды, а вся страница не должна загружаться дольше двух секунд.
Почитать по теме:
«Как ускорить загрузку: оптимизируем код верхней части страницы»: асинхронная загрузка, jQuery, минификация и объединение кода, кэширование и другие способы.
Некоторые оптимизаторы советуют сократить количество языковых настроек, которые загружаются WordPress стандартно, и так снять с хостинга часть загрузки.
Для этого в корневой директории нужно найти файл wp-config.php, в котором найти строку
define ('WPLANG', 'ru_RU');И заменить ее на такой код:
if (strpos($_SERVER['REQUEST_URI'], 'wp-admin')) define ('WPLANG', 'ru_RU'); else define ('WPLANG', 'ru_RU_lite');Вес страницы сайта
От веса HTML-страниц тоже зависит скорость загрузки — тяжелые страницы со сложной функциональностью и тяжелыми медиафайлами будут загружаться долго. Чтобы страница стала легче, можно настроить HTML-элементы с помощью CSS, использовать сжатие медиафайлов, настроить кэширование, минифицировать код страницы.
Об этом в подробностях в статье «Как уменьшить вес сайта и ускорить загрузку страниц»: gzip, brotli, минификация и другие способы.
Редиректы
Редиректы замедляют скорость — сервер устанавливает соединение с одной страницей, получает ответ о перенаправлении и переходит на другую. Если на сайте много 301 редиректов, проверьте по источникам трафика, может, в некоторых случаях стоит заменить ссылку с редиректом на конечную страницу.
Редиректы с HTTP на HTTPS тоже могут тормозить процесс, в этом случае поможет технология HSTS (HTTP Strict Transport Security) — тогда браузер автоматически сделает внутренние редиректы, сразу сделает запрос на HTTPS и перенаправит пользователей на безопасное соединение. Для этого нужно подключить функцию HSTS в личном кабинете хостинга или прописать заголовок HTTP Strict Transport Security. Но советуем сначала протестировать функцию, чтобы убедиться, что все страницы доступны.
Плагины для ускорения загрузки сайта на WordPress
Для владельцев сайтов на WordPress мы составили подборку плагинов, работающих с ускорением, кэшированием страниц и оптимизацией. Все плагины из подборки переведены на русифицированы и бесплатны.
Почитать по теме:
Что выбрать: SaaS, IaaS или PaaS? Сравнение облачных моделей ПО
Optimize Database
WordPress создает резервные копии записей при сохранении и редактировании, они все хранятся в базе данных. Чтобы улучшить скорость работы, можно оптимизировать БД — провести ревизию с помощью плагина.
Возможности:
- удаление резервных копий постов с возможностью выставить допустимое количество копий для хранения;
- удаляет спам-комментарии, неиспользуемые теги, пингбэки, трекбэки;
- оптимизирует таблицы базы данных;
- создает журнал оптимизаций, есть настройка для автоматической оптимизации.
Совместим вплоть до 5.2.3 версии WordPress, нужна версия PHP 5.0 или выше.
WP-Optimize
Плагин для очистки базы данных, сжатия изображений и кэширования.
Возможности:
- удаление резервных копий, спам-комментариев, пингбэков, трекбэков;
- массовое сжатие изображений в формате PNG, JPG, GIF, BMP и TIF;
- кэширование: специфический кэш для устройств, предварительная загрузка кэша, расширенные правила исключения для файлов;
- gzip-сжатие HTML, JavaScript и CSS;
- настройка автоматических очисток по расписанию.
Работает бесплатно, есть премиум-версия с дополнительными возможностями. Совместим с версиями WordPress от 3.8.
WP Fastest Cache
Плагин создает статические html-файлы с сайта на WordPress и сохраняет их, то есть кэширует страницы.
Возможности:
- кэширование страниц в браузере для более быстрой загрузки у пользователей, посещавших сайт ранее;
- gzip-сжатие;
- оптимизация кода;
- уменьшение размера файлов css.
Плагин совместим с HTTPS, поддерживает SSL, CDN, Cloudflare. Не работает с режимом Multisite. Совместим с версиями WordPress от 3.3
PageSpeed Ninja
Плагин улучшает производительность сайта на WordPress, работает с десктопным и мобильным отображением.
Возможности:
- кэширование страниц в браузере и на сервере;
- gzip-сжатие файлов;
- оптимизация порядка, котором будут загружаться стили и скрипты;
- сжатие изображений;
- предпросмотр изображений в низком разрешении;
- и другие действия для ускорения загрузки и облегчения веса страницы.
Плагин может быть несовместим с некоторыми сайтами, поэтому проверьте совместимость на сайте PageSpeed.Ninja. Введите свой домен, результаты появятся на экране и придут на почту.
Совместим с версиями WordPress от 4.0.1 и выше.
PageSpeed Module
Плагин открывает дополнительные настройки страниц для ускорения загрузки, если на сайте используется веб-сервера с открытым исходным кодом Apache или Nginx.
Возможности:
- очистка кэша от модулей;
- включение режим разработчика для обхода кэширования PageSpeed.
Для работы нужно, чтобы был установлен веб-сервер Apache или Nginx. Плагин совместим с версиями WordPress от 4.4.
Jetpack
Плагин от WordPress.com, он должен работать, чтобы улучшить оформление сайта, обеспечить пользователям безопасную работу, отследить маркетинговые данные. Некоторые оптимизаторы писали, что не видят эффекта, но лучше протестировать самостоятельно.
Возможности:
- отложенная загрузка изображений для ускорения работы на мобильных устройствах;
- темы для оформления;
- поддержка статистики и аналитики;
- автоматический постинг в соцсети с планированием публикаций;
- статистика и аналитика сайта
- Elasticsearch - поиск похожего контента на сайтах;
- фильтрация спама;
- ежедневное резервирование;
- поддержка системы оплаты;
- двухфакторная аутентификация для входа на сайт;
- и другие возможности для безопасной работы на сайте и маркетинга.
Некоторые возможности платные, цена зависит от количества подключенных дополнений. Есть бесплатный минимальный тариф.
Совместим с версиями WordPress от 5.1, версия PHP от 5.6.
All in One SEO Pack
Плагин работает с ускорением загрузки страниц, но предназначен в целом для автоматизации работы с SEO сайта.
Возможности:
- поддержка Google AMP для ускорения загрузки мобильных страниц;
- уведомление Google об изменениях на сайте;
- автоматическая оптимизация заголовков и генерация метатегов;
- поддержка Google Analytics;
- встроенный API, который позволяет дорабатывать плагины под себя;
- и другая функциональность для SEO.
Совместимость с PHP от 5.2.4 версии. Совместим с WordPress от 4.7 версии.
WP Total cache
Плагин справляется с кэшированием HTML-страниц, объединением стилей и скриптов, браузерным кэшированием.
Возможности:
- тестирование настроек сервера, чтобы подобрать настройки плагина для комфортной работы;
- импорт настроек, если работаете с несколькими проектами;
- кэширование страниц и объектов;
- сжатие CSS и JavaScript;
- отслеживание работы плагина.
Нужна версия WordPress 3.2 или выше.
WP Super Cache
Плагин для кэширования HTML-страниц. Не оптимизирует JS/CSS, но с этим справляется следующий плагин из подборки.
Возможности:
- простое включение и отключение кэширования;
- настройка сроков и страниц для кэширования;
- настройка кэширования для мобильной версии;
- поддержка CDN;
- сбор статистики по страницам.
Совместим с версиями WordPress от 3.1, минимальное требование — версия PHP 5.2.4 или выше.
Autoptimize
Плагин работает с кодом, скриптами и стилями страницы, ускоряя загрузку. Хорошо справляется в тандеме с предыдущим плагином.
Возможности:
- оптимизация JavaScript и CSS;
- исправление кода, блокирующего отображение верха страницы.
- кэширование и объединение скриптов и стилей;
- работа с заголовками;
- перемещение скриптов в нижний колонтитул;
- упрощение HTML.
Совместим с версиями WordPress от 4.0 и выше, версиями PHP от 5.3 и выше.
AMP for WordPress
Плагин ускоряет загрузку страниц, преобразовывая их в AMP. Такие страницы быстро загружаются: все элементы статичны, поэтому их положения и размеры можно определить до загрузки, и макет загружается сразу без перекомпоновки.
Возможности:
- преобразование страниц в вид AMP, тогда к URL каждой страницы добавится /amp/;
- отображение сайта как «Native AMP», тогда у каждого адреса будет только одна AMP-версия URL;
- обновление кэша по расписанию.
Поддерживает CDN. Совместим с версиями WordPress от 4.9, PHP от 5.4.
Yandex.News Feed by Teplitsa
Плагин упрощает интеграцию сайта с Яндекс.Новостями, включая поддержку турбо.
Возможности:
- трансляция контента для Яндекс.Новостей;
- поддержка режима Турбо Страниц.
- настройка категорий, которые попадут в трансляцию;
- и другие настройки RSS-ленты для Яндекс.Новостей.
Совместим с версиями WordPress от 3.9.
Smush Image Compression and Optimization
Плагин уменьшает и сжимает изображения для быстрой загрузки страницы.
Возможности:
- сжатие изображений при загрузке на сайт;
- сжатие уже загруженных из любого каталога;
- установка границ - максимальной высоты и ширины, большие изображения будут сжиматься и подстраиваться под размер;
- настройка отложенной загрузки;
- массовая работа с изображениями.
Совместим с версиями WordPress от 4.6, PHP от 5.3 и выше.
Подборка бесплатных русифицированных плагинов поможет выбрать подходящий инструмент, чтобы ускорить загрузку страниц. Это позволит не потерять клиентов, которые не любят ждать долгой загрузки сайта, и не попасть под обновление алгоритма Google, которое опускает медленные сайты в выдаче.
