10 лучших способов ускорить работу вашего сайта WordPress

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

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

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

Почему важна скорость страницы?

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

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

Во-вторых, у онлайн-пользователей относительно короткая продолжительность концентрации внимания. Если кто-то действительно не хочет проверить ваш контент, вероятность того, что посетитель просто покинет ваш сайт до того, как он загрузится, увеличивается с каждой секундой. Они также могут отказаться от своих корзин, если последующий процесс оформления заказа будет медленным — например, исследование Pingdom показало, что 38% посетителей покидали веб-сайты, загрузка которых заняла пять или более секунд.

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

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

Как измерить скорость страницы?

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

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

GTmetrix

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

GTmetrix возвращает три ключевых показателя:

• время загрузки страницы
• общий размер страницы
• общее количество HTTP-запросов

В этом руководстве мы рассмотрим, как оптимизировать все эти показатели.

Статистика PageSpeed

PageSpeed ​​Insights — это бесплатный веб-инструмент от разработчиков Google, который позволяет вам оценивать производительность вашего веб-сайта. Вам просто нужно ввести свой URL, чтобы начать тестирование.

Ключевым предложением PageSpeed ​​Insights является ориентация на мобильные устройства. Веб-сайт может вести себя на мобильном устройстве значительно иначе, чем на настольном компьютере. Хотя вы не можете контролировать, на каком устройстве выполняется тест, эталонный тест, предоставляемый этим инструментом, помогает в общей оптимизации.

Веб-страницаТест

WebPageTest — это бесплатный инструмент с открытым исходным кодом для проверки производительности вашего веб-сайта. Это дает вам гораздо больше контроля над средой тестирования.

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

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

1. Выберите быстрый веб-хостинг

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

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

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

2. Используйте легкую, гибкую тему

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

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

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

3. Используйте плагины с умом

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

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

Вы также должны проверить, не конфликтуют ли плагины друг с другом или с вашей темой. Функция работоспособности сайта плагина Health Check and Troubleshooting WordPress может помочь вам проверить потенциальные конфликты между плагинами.

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

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

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

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

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

5. Используйте CDN для доставки ресурсов

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

Быстрый анализ HTTP Archive показывает, что страница на типичном сайте WordPress весит около 2,3 МБ в 2020 году. Значительная часть этого веса страницы состоит из изображений (1,2 МБ), шрифтов и таблиц стилей (280 КБ) и скриптов (470 КБ). ).

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

6. Подготовьте свои изображения для Интернета

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

Гигиенические проверки

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

Затем вы также должны использовать соответствующий тип изображения. Например, изображение в формате JPG идеально подходит для фотографий и других сложных изображений с большим количеством цветовых вариаций. С другой стороны, изображения PNG хорошо подходят для графики с меньшим количеством цветовых вариаций, например скриншотов. Наконец, SVG (масштабируемая векторная графика) идеально подходит для изображения, состоящего из простых геометрических фигур, таких как логотип.

Оптимизация изображения

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

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

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

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

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

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

7. Эффективно управляйте статическими файлами

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

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

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

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

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

8. Оптимизируйте HTTP-запросы

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

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

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

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

9. Включите кэширование в WordPress

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

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

Мы протестировали и сравнили лучшие плагины для кэширования WordPress. WP Rocket вышел победителем в наших результатах тестирования.

10. Держите WordPress и PHP обновленными

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

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

Резюме

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

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

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

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