23 совета по ускорению сайта WordPress для повышения производительности

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

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

Почему вы должны ускорить свой сайт WordPress?

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

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

Исследование, проведенное Portent в 2019 году, показало, что первые 5 секунд времени загрузки страницы оказывают наибольшее влияние на коэффициент конверсии. Также выяснилось, что коэффициент конверсии падает в среднем на 4,42% с каждой секундой загрузки.

В 2019 году Unbounce обнаружил, что люди предпочитают более быстрое время загрузки, чем причудливую анимацию и видео на сайте. В 2017 году Google заявил, что вероятность того, что пользователь уйдет с вашего сайта, увеличивается на 32 процента, поскольку время загрузки страницы увеличивается с 1 до 3 секунд.

Если вы еще не уверены, ознакомьтесь с исследованием, проведенным Think With Google, которое показало, как плохое время загрузки страницы может повлиять на показатель отказов.

Основные веб-жизненные показатели

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

Чтобы улучшить свои основные веб-жизненные показатели для ускорения работы вашего сайта WordPress, вам необходимо понять, как это работает. Core Web Vitals разбит на три элемента: «Максимальная содержательная отрисовка», «Задержка первого ввода» и «Совокупное смещение макета».

LCP — это показатель того, сколько времени требуется вашей странице для загрузки от первого клика по ссылке до большей части контента. Он отличается от других показателей скорости, таких как TTFB, потому что LCP измеряет скорость страницы с точки зрения пользователя. Независимо от того, проверяете ли вы свой LCP в Google PageSpeed ​​Insights или в Google Search Console, вы получите подробный анализ элементов сайта, влияющих на ваш LCP.

Диапазон:

• от 0 до 2 секунд – хорошо
• от 3 до 4 секунд — нуждается в доработке
• 5-6 секунд – Плохо

Второй Core Web Vital — это First Input Delay или FID . Это измеряет время, необходимое пользователю для взаимодействия с вашей страницей. Взаимодействие можно определить как выбор меню, заполнение формы или поиск предпочтительного продукта в строке поиска. Так что, если ваш веб-сайт очень интерактивен, это важный элемент Core Web Vital, над которым вам следует поработать.

Диапазон:

• от 0 до 100 мс – хорошо
• от 200 мс до 300 мс — нуждается в доработке
• от 400 мс до 500 мс — плохо

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

Диапазон:

• от 0 до 0,1 — хорошо
• от 0,1 до 0,25 — требуется улучшение
• от 0,25 до 0,3 – плохо

Как ускорить сайт WordPress?

Источник: Техвайс

Нет необходимости пробовать все эти решения одновременно для более быстрого веб-сайта WordPress. В зависимости от ваших требований вы можете использовать только некоторые из них.

Итак, поехали!

1. Спросите своего провайдера облачного хостинга

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

Как ваш веб-хостинг может улучшить скорость вашего сайта?

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

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

Большой сервер определенно быстрее, чем меньший. Например, 8-гигабайтный RAM, 50-гигабайтный жесткий диск SSD с 2-ядерным процессором справятся с этими задачами намного быстрее, чем сервер с меньшим количеством ресурсов.

2. Установите эффективный плагин кэширования

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

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

Breeze — это беспроблемный плагин кэширования WordPress, который устраняет сложности популярных плагинов кэширования.

Функции:

• Совместимость с WordPress, WooCommerce и WordPress Multisite.
• Минификация
• Gzip-сжатие
• Поддерживает лак
• Кэширование браузера
• Группировка статических файлов
• Оптимизация базы данных
• Исключения файлов

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

3. Сеть доставки контента вас не разочарует

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

Вы можете попробовать несколько отличных вариантов, таких как CloudwaysCDN, CloudFlare и jsDelivr.

CloudwaysCDN — это простая в использовании CDN, которая обеспечивает интеграцию одним щелчком мыши с вашим сайтом WordPress по цене всего 1/25 ГБ в месяц.

Функции:

• Поддерживаемые протоколы HTTP
• Интеграция в один клик
• Доступный
• Глобальный охват

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

Функции:

• • Мобильная оптимизация
  • Глобальная сеть для обслуживания быстрого DNS
  • Аналитика посещаемости вашего сайта
  • Приложения для более быстрого, безопасного и простого сайта в один клик

jsDelivr — это бесплатный продукт, который позволяет любому разработчику размещать свои файлы, такие как CSS, JavaScript, плагины jQuery и шрифты. Cloudflare и MaxCDN поддерживают его.

4. Ищите неактивные плагины или плагины, которые не работают должным образом

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

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

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

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

5. Сжимайте медиафайлы

Загрузка очень больших изображений и видео значительно замедлит работу вашего сайта WordPress. По этой причине еще одним решением для ускорения сайта WordPress является сжатие ваших медиафайлов.

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

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

6. Сожмите размер вашего сайта WordPress

Чем меньше размер вашего сайта, тем быстрее он будет загружаться.

Сжатие GZip может уменьшить размер содержимого вашего веб-сайта примерно на 70 процентов. Веб-сайт после сжатия загружается быстрее из-за уменьшения пропускной способности.

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

7. Проверьте, находятся ли веб-сайт и база данных в одном и том же центре обработки данных.

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

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

8. Оптимизируйте домашнюю страницу вашего сайта WordPress

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

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

Чем чище ваша домашняя страница, тем быстрее она будет загружаться.

9. Обновление Обновление Обновление

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

10. Отключить хотлинкинг

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

Проще говоря, можно сказать, что хотлинкинг — это неуклюжий « убийца » пропускной способности.

Чтобы избежать такого взлома, вам просто нужно поместить следующие строки в ваш файл WordPress .htaccess.

 RewriteEngine включен
Переписать условие %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?EXAMPLE.com [NC]
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?google.com [NC]
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?feeds2.feedburner.com/EXAMPLE [NC]
Правило перезаписи \.(jpg|jpeg|png|gif)$ – [NC,F,L]

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

11. Минимизируйте файлы JavaScript и CSS

Если вы протестируете свой веб-сайт WordPress с помощью Google PageSpeed ​​Insights или ySlow, вам будет предложено минимизировать файлы JavaScript и CSS. Это означает, что вам нужно уменьшить количество вызовов JS и CSS, чтобы сократить время отклика сервера и уменьшить размер файлов. Уменьшив их, вы заметите, что скорость загрузки сайта стала намного выше, чем раньше. В конечном итоге это поможет вам сэкономить пропускную способность.

Существует множество способов минимизации. Вы можете сделать это вручную или с помощью плагина кеша WordPress «Breeze». Однако есть и другие плагины, такие как Autoptimize.

12. Используйте легкую тему

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

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

13. Ревизии контрольных постов

Без сомнения, пост-редакция — отличная функция WordPress. Но не каждая функция доступна для всех. Есть несколько пользователей с небольшим объемом диска и базы данных.

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

Вы можете ограничить частоту автосохранения поста. В корневой папке вашей установки WordPress откройте файл wp-config в любом файловом редакторе и напишите любой из приведенных ниже кодов перед кодом require_once(ABSPATH . 'wp-settings.php');

Ограничить количество доработок:

 определить ('WP_POST_REVISIONS', 3);

Это ограничит количество ревизий до 3. Это означает, что ваш WordPress ограничится сохранением только трех ревизий.

Отключить пост-редакции:

 определить ('WP_POST_REVISIONS', ложь);

Это полностью отключит проверку сообщений для вашего сайта WordPress. Полное отключение не лучшая практика.

Увеличить интервал автосохранения

 определить('АВТОСОХРАНЕНИЕ_ИНТЕРВАЛ', 300); // секунды

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

14. Удалите бесполезные виджеты и кнопки социальных сетей

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

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

15. Сократите количество внешних скриптов и HTTP-запросов

Темы и плагины часто наполнены внешними скриптами, которые вызывают различные ресурсы, включая JavaScript, CSS, шрифты и изображения.

Проверив исходный код веб-сайта, вы обнаружите некоторые скрипты, с которыми вы не знакомы. Лучший способ ускорить ваши веб-сайты WordPress — сократить как можно больше внешних HTTP-запросов и размещать их отдельно.

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

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

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

17. Сокращение обращений к базе данных и использование кеша базы данных

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

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

18. Используйте лучшую базу данных или размещайте ее отдельно

Крайне важно, чтобы вы использовали надежную базу данных для своего сайта WordPress. MySQL чаще всего используется хостинг-провайдерами из-за его надежности и производительности наряду с MariaDB и PostgreSQL.

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

19. Добавление шрифтов Google

Пользователи WordPress часто используют Google Fonts для своего веб-сайта из-за его обширной библиотеки и того факта, что он размещается отдельно на другом сервере, что значительно снижает нагрузку на сервер.

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

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

20. Постраничные комментарии

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

Разбивка комментариев на страницы — хорошая практика для ускорения вашего сайта WordPress. Это позволяет пользователям загружать комментарии по запросу, поэтому только те, кто заинтересован в разделе комментариев, смогут его увидеть. Вы можете сделать это, перейдя в Настройки > Обсуждения .

21. Разбивка на страницы длинного контента

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

В большинстве тем есть возможность разбивать содержимое на страницы из бэкенда, но если вы не можете его найти, просто откройте файл single.php в своем редакторе и добавьте <?php wp_link_pages(); ?> в цикле WP.

22. Ленивая загрузка изображений

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

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

23. Используйте сторонние платформы для визуального контента

Хотя видео — хороший способ привлечь аудиторию, они, как правило, требуют значительного объема ресурсов сервера для загрузки. Лучший способ ускорить ваш сайт WordPress в этом случае — разместить видео отдельно на таких сервисах видеохостинга, как Youtube или Vimeo.

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

Резюме

Вот несколько решений, которые вы можете попробовать и внедрить для повышения скорости сайта WordPress. Если вы хотите узнать больше о возможностях хорошего веб-хостинга для WordPress, ознакомьтесь с этим обзором Cloudways от CollectiveRay. Вы также можете посетить веб-семинар Cloudways в обновлении страницы Google.

Если есть что-то важное, что я пропустил, не стесняйтесь высказываться в комментариях.

Часто задаваемые вопросы