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

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

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

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

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

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

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

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

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

Core Web Vitals

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

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

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

Диапазон:

• От 0 до 2 секунд - хорошо
• От 3 до 4 секунд - требует улучшения
• От 5 до 6 секунд - плохо

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

Диапазон:

• От 0 до 100 мс - хорошо
• От 200 мс до 300 мс - требует улучшения
• От 400 мс до 500 мс - плохо

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

Диапазон:

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

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

Источник: Techwyse

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

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

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

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

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

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

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

Сервер большего размера определенно быстрее, чем меньший. Например, ОЗУ 8 ГБ, жесткий диск SSD на 50 ГБ с двухъядерным процессором выполнят эти задачи намного быстрее, чем сервер с меньшими ресурсами.

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 - проверить, правильно ли работают ваши текущие плагины. Плагины и инструменты иногда могут вызывать задержку на вашем сайте, что замедляет его загрузку.

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

Если вы обнаружите плагины, которые замедляют работу вашего сайта, удалите их или попробуйте найти другие плагины производительности для вашего сайта 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. Отключить хотлинкинг.

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

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

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

 RewriteEngine на
RewriteCond% {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]
RewriteRule \. (Jpg | jpeg | png | gif) $ - [NC, F, L]

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

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. Полное отключение - не лучшая практика.

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

 определить ('AUTOSAVE_INTERVAL', 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.

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