Максимально ускоряем загрузку сайта на движке WordPress в 2021

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

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

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

Способы оптимизации загрузки сайта на WordPress

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

Для объективной диагностики удобно пользоваться специальными сервисами:

  • бесплатным PageSpeed Insights от Google;
  • бесплатным 30-дневным периодом на Pingdom.com, которого достаточно для наших потребностей.

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

Всего существует несколько способов заставить сайт на WordPress работать быстрее. Вот главные из них:

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

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

Полезно: WP Super Cache как инструмент разгрузки вашего сайта WordPress

Включаем сжатие содержимого сайта

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

Чтобы проверить, активирована функция gzip или нет, воспользуйтесь любым из предложенных сервисов:

  • websiteplanet.com – ищите функцию проверки в разделе «Инструменты»;
  • gtmetrix.com — сервис выдает много другой полезной информации по производительности;
  • whatsmyip.org – укажите доменное имя сайта в разделе HTTP Compression.

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

Лучше всего сжимается текстовая информация, а поэтому не пренебрегайте включением gzip, если на вашем проекте опубликовано большое количество объёмных статей. Также включайте сжатие для таблиц стиля, JS-скриптов, html и документов.

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

Полезно: установка и настройка CMS WordPress

Занимаемся уменьшением объёма таблиц стиля и JS-кода

Вторым по значимости фактором скорости загрузки сайтов после сжатия контента является оптимизация CSS и применяемого в проекте кода JavaScript. Изучите возможности сделать их объём наименьшим, чтобы сразу почувствовать разницу в загрузке.

Оптимизируйте число запросов http

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

Приводим в порядок базу данных

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

Отказываемся от лишних JS-скриптов

Использование JavaScript-кода открывает доступ к новым возможностям и функциональности, но катастрофически влияет на производительность сайта. Критически отнеситесь к каждому новому JS-элементу, который вы заходите внедрить. Действительно ли новая функция жизненно необходима для вашего проекта или от неё можно безболезненно отказаться? Если есть возможность отказаться, сделайте это. Если сомневаетесь, то включите скрипт, но сразу после этого сделайте замеры того, как изменилась скорость загрузки.

Полезно: как работать с медиафайлами WordPress

Активируйте поддержку кэширования

Задействовать функцию кэширования, которая доступна во всех современных браузерах — очень хорошая идея для повышения быстродействия проекта. Вместо того чтобы каждый раз скачивать большой объём информации с вашего сайта, пользователи будут получать часть его из локального хранилища. Для включения кэширования на стороне сервера используйте подключаемый модуль WP Super Cache.

Стили и скрипты: сверху или снизу?

Вопрос о том, где лучше всего размещать правила формирования стиля страницы из CSS, а также JS-скрипты, является дискуссионным.

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

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

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

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

Полезно: работа с файлом robots.txt на WordPress-сайте

Сила поддоменов

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

Проверьте нужность используемых плагинов

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

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

Выбор хостинга

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

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

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

Заключение

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