Ускорение WordPress

Ускорение Вордпресс

С 2000 по 2016 год компания StrangeLoop проводила различные исследования, в результате которых выяснили, что каждая дополнительная секунда, которая тратится на загрузку страницы, приводит к тому, что:

  • Посетители просмотрят на 11% меньше страниц,
  • Будут удовлетворены на 16% меньше,
  • Конверсия снижается на 7% каждую секунду.

С другой стороны,

25% посетителей покинут сайт, если он будет загружаться более 4 секунд.
74% мобильных посетителей закроют страницу, если она будет загружаться более 5 секунд.
46% посетителей не вернутся на медленный сайт.

В середине июня 2021 года Google ввел новые требования Core Web Vitals, и медленные сайты, даже с хорошим контентом, стали терять трафик.

Поисковики стали предъявлять высокие требования к скорости загрузки сайта. Если их не выполнять, то они будут давать меньше трафика, и сайт не попадет или пропадет с первой страницы поисковой выдачи.

Читайте дальше, вы узнаете, что влияет на скорость сайта и как получить 98-100 баллов по тесту Google.

Почему важна скорость загрузки сайта

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

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

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

В этой статье все основные способы ускорения Вордпресс.

Содержание:

Быстрый старт

  1. Хостинг
  2. Версия PHP
  3. Тема и плагины
  4. Плагин кеширования
  5. Оптимизируйте изображения

Продвинутые настройки

  1. Оптимизируйте базу данных
  2. Ограничьте количество ревизий постов
  3. Отключите hotlink-ссылки с вашего сайта
  4. Уменьшите количество внешних запросов
  5. Загружайте шрифты с сервера
  6. Используйте CDN

Остальные настройки

  1. Обновляйте софт
  2. Оптимизируйте фоновые процессы
  3. Ограничьте количество записей в фидах
  4. Разбейте длинные посты на страницы
  5. Разбейте комментарии на страницы
  6. Отключите pingback и trackback (уведомления и обратные ссылки)
  7. Не загружайте аудио/видео с хостинга
  8. Очищайте медиа-библиотеку
  9. Используйте Гутенберг вместо других конструкторов

Как проверить скорость загрузки сайта

Для проверки скорости загрузки существует множество сервисов. Если ваш сайт загружается медленно, то найдите что именно замедляет загрузку страниц.

В этих сервисах вы получите подробную информацию о том, как загружаются элементы на странице, какие ошибки возникают, и так далее:

Google PageSpeed Insights — https://pagespeed.web.dev/
Pingdom Website Speed Test — https://tools.pingdom.com/
GTmetrix — https://gtmetrix.com/
WebPageTest — https://www.webpagetest.org/
IsItWP — https://www.isitwp.com/free-website-speed-test-tool-for-wordpress/

Что замедляет сайт

Чаще всего причиной медленной загрузки сайта является что-то из этого:

  • Хостинг — если он работает на слабом железе, находится на медленном канале интернета или плохо настроен.
  • Размер страниц — обычно проблемой являются картинки, они должны быть оптимизированы для интернета.
  • Темы / плагины — плохо написанный софт сильно замедляет скорость загрузки.
  • Скрипты — аналитика, реклама, внешние шрифты, и т.д.
  • Отсутствие кеширования — сайт должен отдавать кешированные версии страниц.

Быстрый старт

С этими рекомендациями вы легко получите 90+ баллов по тесту Гугл.

1. Хостинг

Хостинг — основа любого сайта. Он должен работать на хорошем современном оборудовании, находиться на быстром канале интернета и быть настроенным для Вордпресс.

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

  • На виртуальном хостинге может быть от нескольких до нескольких десятков сайтов. Все эти сайты используют один диск, одну оперативную память, один процессор и канал интернета. При этом ресурсы распределены неравномерно, то есть, если какой-то сайт стал тормозить и начал использовать 80% ресурсов сервера, то всем остальным сайтам останется только 20% ресурсов.
  • VPS (Virtual Private Server) — тоже виртуальный хостинг, но на нем ресурсы сервера распределены равномерно между сайтами (или аккаунтами) на этом сервере. Если на таком хостинге находятся 5 сайтов (аккаунтов), то каждый из них получит по 20% ресурсов сервера. Если один из этих сайтов начал тормозить, и ему требуется больше 20% ресурсов, то он их не получит, потому что ресурсы жестко распределены между аккаунтами.
  • На выделенном сервере один сайт (один аккаунт) является единственным потребителем всех ресурсов сервера.

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

Хороший VPS хостинг — Beget.

Хостинг Beget
Хостинг Beget

2. Версия PHP

Версии PHP сильно отличаются по скорости обработки кода, например, PHP 7 работает в два раза быстрее PHP 5.

Скорость работы PHP 5 и PHP 7
Источник: http://lornajane.net/posts/2015/php-7-benchmarks

Не используйте версию 5, потому что она больше не поддерживается.
Вордпресс рекомендует использовать версию 7.4.

Вы можете узнать версию PHP на хостинге, или в админке ВордпрессИнструментыЗдоровье сайтаИнформацияСерверВерсия PHP.

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

Пока вы на хостинге, проверьте, что сервер поддерживает протокол HTTP/2. Это новая версия протокола HTTP, которая появилась в 2015 году. Одно из его преимуществ — параллельное выполнение множества запросов, что сильно ускоряет загрузку страниц:

HTTP 1.1 vs HTTP 2
Параллельное выполнение запросов в HTTP 2

3. Тема и плагины

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

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

Если вам нужны эффекты, вы можете добавить их позже с помощью плагинов или стилей.

Есть мнение, что большое количество плагинов замедляет сайт. На самом деле важно не количество плагинов, а их качество. Сайт замедляют плохо написанные плагины.

На сайте может быть установлено 50 хороших плагинов от известных разработчиков, и сайт получает 99 баллов по тесту Гугл.

Если вы используете плагины из репозитория Вордпресс, то устанавливайте те, которые регулярно обновляются, имеют много положительных отзывов и установлены 1.000 или лучше 10.000 раз.

Каталог тем Вордпресс

Эти темы хорошо известны в сообществе Вордпресс и часто рекомендуются:

  • Astra — легкая тема с огромным количеством настроек, модулей, дополнительных плагинов и расширений для плагинов WooCommerce, Elementor, LifterLMS и других.
  • Blocksy — красивая тема, ничего лишнего.
  • GeneratePress — популярная легкая тема от Тома Усборна.
  • Kadence — несколько тем на выбор с полезными плагинами.
  • Neve — легкая тема от Themeisle.
  • WordPress Page Builder Framework — тема для пейдж-билдеров.
  • OceanWP — легкая тема со множеством настроек и платных и бесплатных плагинов для расширения функционала.

Если в вашей теме или плагинах можно отключать неиспользуемые функции, то отключите их.

Если вы не используете некоторые плагины, то удалите их, потому что сервер будет расходовать больше ресурсов на работу с бэкапом.

4. Плагин кеширования

Кеширование — самый эффективный способ ускорения сайта.

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

Как работает кеш страницы
Принцип работы кеширования

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

Плагины кеширования используют множество технологий для ускорения загрузки страниц:

Кеширование страниц

Кеширование страниц включает в себя создание готовых html страниц на сервере, и кеширование страниц или частей страниц в браузере посетителя.

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

GZIP компрессия

GZIP — эффективный способ уменьшения размера страниц, некоторые страницы можно уменьшить на 70%.

Принцип работы GZIP заключается в том, что HTML и CSS используют много повторяющихся фрагментов. Чем больше повторяющихся фрагментов, тем сильнее страница может быть сжата.

Например, если на странице 20 раз написано «Ускорение Вордпресс», то эту запись можно заменить на «20УВ». Чем больше и чем длиннее повторяющиеся паттерны, тем больше места можно освободить.

GZIP включается во многих плагинах кеширования, или это можно сделать вручную:

Минификация и объединение JS и CSS файлов

JS и CSS файлы можно минифицировать, то есть удалить комментарии, пробелы и разрывы строк. Браузер может работать с кодом, написанным в одну строку.

После минификации файлов их можно объединить. То есть, вместо загрузки 10 файлов по 20 кб, можно загрузить один файл размером 200 кб, который скачается гораздо быстрее.

Если ваш сервер поддерживает HTTP/2, то можно не объединять, потому что они скачиваются одновременно.

Это можно сделать при помощи специальных плагинов: MinQueueMerge + Minify + Refresh, Autoptimize или Dependency + Minification.

Или при помощи одного большого плагина, который работает со всеми видами кеширования.

Отложите загрузку скриптов

Загрузка скриптов, таких как аналитика, реклама, кнопки социальных сетей и так далее, сильно замедляет загрузку страниц. Некоторые темы используют скрипты, чтобы загружать css и js файлы, или другой контент.

Оставьте только то, что нужно. Оставшиеся скрипты нужно загружать после того, как загрузится основной контент страницы.


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

Если вы хотите разобраться в кешировании и настроить всё вручную, то установите плагин W3 Total Cache:

Проблема с бесплатными плагинами в том, что они не кешируют мобильную версию и не откладывают загрузку скриптов.

На этом сайте до июня 2021 года трафик увеличивался, но после появления новых правил ранжирования Core Web Vitals трафик упал на 40%.

Трафик techbear.ru

Я заменил тему, заменил и удалил второстепенные плагины и скрипты, но трафик продолжал уменьшаться. Тест Гугл показывал 50 баллов для мобильной версии, и 80 баллов для десктопной версии.

В итоге проблема оказалась в отсутствии мобильного кеша и скриптах, которые грузились вместе с основным контентом и замедляли загрузку страниц.

Я установил и настроил платный плагин WP Rocket. Включил кеширование мобильной версии и перенес загрузку скриптов после загрузки основного контента. Тест Гугл стал показывать 98-100 баллов для обеих версий.

WP Rocket
Лучший плагин кеширования

5. Оптимизируйте изображения

Исследования показывают, что страницы, на которых присутствуют картинки, нравятся пользователям на 80% больше, чем страницы без картинок. Но картинки нужно оптимизировать, то есть уменьшить их размер в Пикселях и Килобайтах.

Большие картинки — одна из главных причин медленной скорости сайта.

Редактировать изображение

Например, если вы хотите добавить картинку, которая займет 1/3 экрана, сделайте ее соответствующего размера, например, 400х250 пикс. Современные требования Гугл и прочих сервисов для такого размера — что-то около 20-30 Кб.

В Фотошопе или Иллюстраторе можно сохранить картинку функцией «Сохранить для Web» / «Save for Web» в JPEG или PNG файл. Это два наиболее распространенных формата картинок.

  • Если вам нужна хорошая цветная картинка (фотография), используйте JPEG.
    При сохранении вы можете выбрать качество картинки в пределах 20-70. Более низкое качество для фоновых или затененных картинок, более высокое качество для картинок на виду.
  • Если вам нужная простая картинка, иконка, график, прозрачность, используйте PNG.
    Для оптимизации вы можете изменить количество цветов картинки. Для более сложных со множеством цветов используйте 128-256 цветов, для более простых картинок с несколькими цветами можно снизить до 32-64 цветов.

Начиная с версии 5.8 Вордпресс поддерживает еще один формат изображений, который сильно уменьшает размер файла — WebP. В 99% случаев этот формат выигрывает у JPEG, в некоторых случаях выигрывает у PNG.

Вы можете полностью оптимизировать картинки в Фотошопе или Иллюстраторе (в 2022 году не поддерживают сохранение в webp), или можете дооптимизировать их на сайте с помощью плагинов.

Например, ShortPixel (бесплатный), EWWW Image Optimizer (бесплатный), Optimole (бесплатный), Tiny PNG (бесплатный), WP Smush (бесплатный).

ShortPixel предлагает бесплатную оптимизацию 100 картинок в месяц, Tiny PNG оптимизирует изображения на своем сервере, в бесплатной версии до 500 изображений в месяц. WP Smush оптимизирует изображения прямо на сайте, но оптимизирует наполовину, вторая половина платная, надо покупать Pro плагин.

Хорошие отзывы у плагинов Imsanity и Imagify (бесплатно 25 Мб в месяц). Также можете попробовать онлайн-сервисы FreeConvertOptimizilla, Bulkresizephotos и другие подобные.

Lazy Load

Это технология, которая позволяет откладывать загрузку изображений до тех пор, пока они не начнут появляться на экране, когда вы скроллите страницу.

Так как картинки занимают 50% и больше от веса страницы, то загрузка страниц стала происходить гораздо быстрее.

Сначала этот функционал добавлялся с помощью плагинов. Потом его добавили в плагины кеширования, и необходимость в отдельном плагине пропала. Теперь в Вордпрессе начиная с версии 5.4 это встроенная функция.

Если при загрузке страницы вы видите, что картинки появляются по мере скролла вниз, то ничего делать не нужно.

Промежуточный итог

• С хорошим хостингом,
• Хорошим софтом,
• Хорошим плагином кеширования,
• И оптимизированными изображениями

Ваш сайт получит 90+ баллов по тесту Гугл.

Продвинутые настройки

Сделайте эти настройки во вторую очередь:

1. Оптимизируйте базу данных

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

Это ревизии страниц, настройки удаленных плагинов, метаданные удаленных страниц, связи между страницами, удаленные комментарии, и многое другое.

Накапливаются сотни или тысячи записей, которые не привязаны ни к чему. Чем больше сайт, тем быстрее накапливается мусор.

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

Или с помощью плагинов:

Бесплатный плагин, оптимизирует и очищает базу данных от неиспользуемых данных. Самый простой плагин. Минус в том, что нет расписания для автоматической очистки.

Бесплатный плагин, делает все то же самое, но в нем есть автоматическое расписание. Минимум настроек.

Более продвинутый плагин, в котором есть расписание очистки, оптимизации и восстановления базы данных, инструмент для редактирования базы данных вручную, и редактирования таблицы wp_options. Плюс в том, что есть все, что нужно. Подходит для продвинутых пользователей.

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

Advanced Database Cleaner Pro (платный) показывает, чему соответствует каждая запись в базе данных.

2. Ограничьте количество ревизий постов

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

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

Вы можете ограничить или отключить создание копий с помощью этого снипета для файла wp-config.php:

Замените 4 на нужное количество. 0 или false, чтобы отключить создание ревизий.

Когда один сайт использует картинки, которые хранятся на другом сайте (сервере), это называется hotlink. То есть первый сайт использует ресурсы второго сайта, а не своего.

Это не ускоряет сайт напрямую, но снижает нагрузку с вашего сервера.

Хотлинки можно запретить в файле .htaccess:

Замените my-site.ru на ваш адрес.

4. Уменьшите количество внешних запросов

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

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

Вы можете использовать плагины P3 (Plugin Performance Profiler), Query Monitor, или инструмент Waterfall на сервисах GTmetrix или Pingdom, чтобы найти замедляющие загрузку внешние запросы.

Запустите инструмент и посмотрите запросы, которые создает сайт. Наведите мышку на нужный запрос, появится подсказка какой плагин является источником этого запроса:

Наведите мышку на запрос

Найдите ненужные или медленные запросы, и оставьте только те, без которых не можете обойтись, например, аналитика и реклама.

Некоторый контент, скрипты или стили вам может быть нужно загружать только на определенных страницах, например, скрипт онлайн чата. Во многих премиум-темах есть специальный инструмент для загрузки контента по определенным признакам, например, по ID страниц.

Добавьте скрипт чата на нужные страницы
Скрипт чата на определенных страницах

Если в вашей теме такого нет, то используйте плагин Header Footer Code Manager, или аналогичный.

5. Загружайте шрифты с сервера

Шрифты сайта, Font Awesome и граватары обычно загружаются со своих сайтов. Это создает несколько лишних запросов и замедляет загрузку, поэтому локальная загрузка шрифтов стала одним из требований Гугл.

Во многих премиум-темах есть инструмент для добавления и локальной загрузки шрифтов.

Отключить граватары вы можете в НастройкиОбсуждениеАватары.

С помощью плагина Clearfy вы можете использовать собственные граватары, и применить некоторые настройки из этой статьи, всего около 60 функций.

Clearfy Pro

6. Используйте CDN

CDN (Content Delivery Network) — Сеть Доставки Контента.

Вы можете подключить сайт к уже существующей сети, в которую входит некоторое количество серверов.

Картинки, css и js файлы вашего сайта копируются на все сервера сети, и при запросе посетитель получает этот контент из географически ближайшего сервера.

Этому контенту нужно пройти меньшее расстояние до посетителя, поэтому страницы загружаются быстрее.

Сеть CDN Cloudflare
Источник: https://blog.cloudflare.com/one-more-thing-keyless-ssl-and-cloudflares-growing-network

Остальные настройки

1. Обновляйте софт

Чтобы сайт работал быстро и максимально эффективно, нужно обновлять Вордпресс, тему и плагины.

Последняя версия софта самая оптимизированная, самая производительная, в ней отсутствуют известные ошибки и она самая безопасная.

Обновляйте Вордпресс, темы и плагины.

2. Оптимизируйте фоновые процессы

Некоторые задания выполняются по расписанию, например:

  • Обновление софта
  • Очистка / восстановление базы данных
  • Создание бэкапов
  • Обновление угроз / черных списков в плагинах безопасности, итд

Некоторые из этих заданий, например, обновления софта, не отнимают много ресурсов сервера. Но создание бэкапов или сканирование сайта на уязвимости или взлом — отнимают.

Если ваш софт позволяет назначать время для таких заданий, то назначайте их на наименее загруженное трафиком время. Обычно это с 3 до 5 часов утра.

Также можно снизить частоту некоторых заданий, например, делать бэкап не каждый день, а через день. Очистку базы данных — раз в 2 недели, или раз в месяц.

3. Ограничьте количество записей в фидах

Фиды — это архивные страницы, например, страница Блог, категории записей, архив автора, магазин, категории товаров, результат поиска, и так далее.

Количество статей в блоге устанавливается в НастройкахЧтение:

Количество статей в Блоге
Количество статей в Блоге

Чем меньше записей, тем быстрее загружается страница.

Настройка количества записей в других фидах обычно устанавливается в настройках темы.

4. Разбейте длинные посты на страницы

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

Разрыв страницы
Разрыв страницы

Такие страницы будут загружаться быстрее.

5. Разбейте комментарии на страницы

Большое количество комментариев влияет на скорость загрузки страницы.

Также комментарии влияют на количество ключевых слов, потому что они не всегда содержат ключевые слова, по которым эта страница оптимизирована.

Так же, как и с длинными страницами, большое количество комментариев лучше разбить на несколько страниц.

Вордпресс - Разбить комментарии на страницы
Разбейте комментарии на страницы

6. Отключите pingback и trackback (уведомления и обратные ссылки)

Уведомления и обратные ссылки — это стандартный функционал Вордпресс, который оповещает другие Вордпресс-сайты, что один сайт ставит ссылку на другой сайт в своем контенте.

Например, если вы поставите ссылку на чей-то сайт, то владелец сайта получит уведомление. Если кто-то поставит ссылку на ваш сайт, то вы получите уведомление.

Это сделано для того, чтобы мотивировать владельцев сайтов ставить ссылки в ответ на входящие ссылки.

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

Также этот функционал используется для спама и проведения DDoS атак.

Чтобы отключить уведомления и обратные ссылки, перейдите в НастройкиОбсуждение:

Отключите уведомления и обратные ссылки
Отключите уведомления и обратные ссылки

7. Не загружайте аудио/видео с вашего сервера

Если вам нужно разместить аудио или видео на странице, не сохраняйте и не загружайте его с вашего хостинга.

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

Вместо этого проигрывайте контент с аудио- видеохостингов:

  • YouTube
  • Vimeo
  • Wistia
  • DailyMotion
  • SoundCloud
  • VK
  • Rutube
  • Яндекс. Дзен
  • Яндекс.Эфир

Если вам нужно разместить короткое видео 1-2Мб на странице с минимальной посещаемостью, то можно разместить на своем сервере.

8. Очищайте медиа-библиотеку

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

Вы можете использовать плагин, или вручную удалить ненужные изображения в Медиатеке:

Неприкрепленные изображения

9. Используйте Гутенберг вместо других конструкторов

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

Гутенберг находится в Вордпресс по умолчанию, независимо от того, используете вы его или нет.

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

Заключение: Скорость сайта — это не самое главное.

Хотя скорость сайта очень важна, это только одно из условий для попадания сайта на первую страницу поисковой выдачи.

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

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

Спасибо WPAstra за некоторые советы по ускорению сайта.

Читайте также:

  1. SEO для Вордпресс: Подробная инструкция
  2. Безопасность Вордпресс. Подробная инструкция

Надеюсь, этот гайд был полезен. Оставляйте комментарии.

Ответить

Ваш адрес email не будет опубликован.

Techbear

Сайт для тех, кто хочет использовать Вордпресс по максимуму, но не хочет разбираться в коде.

WordPress   WooCommerce   Membership   Elementor   ACF

Обновления блога

Techbear