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

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

Что такое скорость сайта

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

Этот показатель дает представление о характеристиках сайта: его техническом качестве, адаптивности и ux-дизайне. А это, в свою очередь, положительно сказывается на других бизнес-показателях – ltv, roi и т.д.

Что влияет на скорость загрузки сайта

Открытие сайта представляет собой процесс, состоящий из 3 этапов.

1. TTFB (Time To First Bite). Дословный перевод – время до первого байта. Когда мы заходим на страничку, браузер направляет HTTP-запрос серверу, а сервер отдаёт первый байт веб-странички. Чем меньше этот интервал, тем быстрее откроется сайт.
2. Время отрисовки страницы. Сначала загружается HTML-файл, который выглядит как «скелет» сайта. Отображается только структура, то есть мы понимаем, где будут расположены заголовки, текст, картинки, видео.
3. Время загрузки контента. И только в последний момент «подтягиваются» CSS- и JS-файлы, картинки, формы, видеоролики. Если оптимизировать код и изменить серверные параметры, скорость каждого этапа можно повысить, в результате сайт начнет открываться быстрее.

Рекомендуемые показатели загрузки сайта

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

Исследования показывают, что 40% пользователей закрывают сайт на третьей секунде, если он не успел открыться. Соответственно, длительная загрузка снижает конверсию, то есть владельцы сайтов переплачивают за продвижение – привлечённые клиенты уходят из-за низкой скорости.

Кроме того, поисковики оценивают скорость загрузки сайта, в приоритете будут те, что открываются быстрее. Это значит, в выдачи понижаются «медленные сайты», раскрутить их сложнее. Это особенно ощутимо для интернет-магазинов, которые перегружены изображениями и другими элементами. Многие SEO-специалисты после внедрения нового алгоритма Google Speed Update заметили сокращение показов, хотя никаких изменений в сам сайт или рекламную кампанию не вносили.

Анализ скорости загрузки сайта на WordPress

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

• PageSpeed Insights. Оценивает сайт по 6 параметрам по шкале от 1 до 100. Кроме того, у него есть множество решений для повышения скорости загрузки.
• WebPageTest. Бесплатный продукт, который позволяет проводить оценку веб-сайта с помощью 25 различных веб-браузеров.
• Pingdom Website Speed Test. Удобный инструмент для выявления проблем с производительностью, в котором быстро разберутся даже новички.
• SpeedTest.me. Этот инструмент измеряет скорость открытия веб-страниц в разных странах, актуально для выхода на новый рынок, расширения аудитории.
• Website Grader. Кроме тестирования этот сервис составляет список персональных рекомендаций для повышения производительности и отправляет их на e-mail.

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

Как ускорить сайт на WP

Важно проанализировать несколько факторов, по возможности оптимизировав параметры.

1. Структура сайта. Мы уже знаем, что сначала загружается структура сайта, а потом к ней подтягивается контент. Подключенные в начале HTML-кода файлы могут тормозить загрузку: сервер их не пропускает, чтобы вернуться позже, а обрабатывает сразу. Поэтому начало кода должно содержать исключительно данные для прорисовки контента. А в конце кода можно разместить «тяжёлые» файлы.
2. HTTP-запросы. Для загрузки каждого файла предусмотрен свой HTTP-запрос. Чем их больше, тем медленнее открываются страницы. Однако файлы можно объединить, для этого в текстовом редакторе нужно вставить код нескольких файлов. Очень важно соблюдать их последовательность для оптимальной загрузки.
3. CSS и JS. Пробелы, переносы строк в тексте и другие лишние символы тоже влияют на скорость загрузки. Нужно очистить от них код с помощью онлайн-сервисов, таких как CSS Minifier, JavaScript Compression Tool и других.
4. Изображения. Тяжёлые картинки загружаются очень долго, тормозят весь процесс, поэтому их необходимо сжимать: снижать глубину цвета, отсекать лишние пиксели. Перед загрузкой следует уменьшить размер. Наиболее подходящими форматами считаются JPG, JPEG, PNG, GIF для анимации и SVG для векторных файлов.
5. Версия php. Устаревшая версия php снижает скорость обработки скриптов, поэтому её нужно периодически обновлять на хостинге в панели управления.
6. Кэширование. Чтобы ускорить процесс, нужно включить кэширование. Копии набора данных сохраняются в памяти, за счёт чего запросы обрабатываются быстрее. Серверу не нужно каждый раз заново передавать данные, браузер загружают то, что уже в них находится.
7. CDN. Физическое расположение пользователей от сервера, на котором размещён сайт, тоже влияет на скорость загрузки. Желательно подключить CDN-сервисы, которые будут хранить кэш в разных ЦОД. Благодаря им пользователи в разных регионах и даже странах смогут открывать сайты ещё быстрее.
8. Внешние скрипты. Лишние скрипты перегружают систему обработки данных, достаточно оставить основные – счетчики и инструменты аналитики, системы комментирования.
9. Gzip-сжатие. Архиваторы сживают один или несколько объёмных файлов, позволяя быстро их передавать, при этом качество не теряется. И хотя создаётся дополнительная нагрузка на сервер, даже на минимальных тарифах мощности хватает.
10. Хостинг. Иногда при правильных настройках скорость остаётся низкой. Это может произойти, если исчерпаны ресурсы хостинга. Не стоит выбирать эконом-решения, так как соседние сайты будут оттягивать ресурсы на себя. Более удачной альтернативой станут VDS, выделенный быстрый сервер. Желательно выбрать тариф с высокими параметрами CPU.

Плагины WordPress для ускорения загрузки сайта

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

• Для сжатия изображений
  Smush — удобный инструмент, работающий по принципу «включил и забыл».
  Optimus — может изменить размер до 70% от первоначального размера без потери качества.
  EWWW Image Optimizer — уменьшает размер картинок до 150 Mb.
  ShortPixel Image Optimizer — готов уменьшить картинку до 90% от оригинала. В бесплатной версии нет ограничений на размер загружаемых файлов.
  Imagify — с его помощью реально сжать картинку на 98%, но бесплатно получится работать только с файлами до 2 Mb.
• Для удаления ненужных символов 
  Autoptimize. Оптимизирует CSS, JS и HTML файлы WP-сайта, объединяет скрипты и стили в общий файл.
  Better WordPress Minify. Аналогичное решение для быстрой загрузки.
• Для кэширования.
  W3 Total Cache (W3TC), W3 Super Cache или WP Rocket – отличные решения для автоматизирования сложных процессов, добавляют правила кэширования к отдельным элементам.
• Для архивирования
  PageSpeed Ninja, WP Rocket, WP Super Cache. Можно выбрать любой, но только один, чтобы не перегружать ресурсы сервера.
• Для очистки.
  Optimize Database. WordPress создает резервные копии сайта, когда вы проводите редактирование, а хранятся они в базе данных. Плагин удаляет лишние, а также спам-комментарии, неиспользуемые теги, пингбэки, трекбэки. Он оптимизирует таблицы и формирует журнал для изменений.
  WP-Optimize. Инструмент для комплексного очищения, в том числе кэширования, сжатия файлов, удалению резервных копий и автоматической очистке по заданному графику.
  WP Fastest Cache. Плагин помогает оптимизировать код, уменьшить размер файлов, выполнить кэширование.
  PageSpeed Ninja. Подходит для работы с десктопными и мобильными версиями. Кэширует страницы, сжимает файлы, оптимизирует порядок скриптов и кода, а также выполняет другие задачи.

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

Подведем итоги

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