Оптимизация скорости сайта на WordPress — одна из тех тем, которые, казалось бы «перекопаны» вдоль и поперек, но продолжают вызывать постоянный интерес. И, если задуматься, это совсем неудивительно. W P остается самой популярной CMS, на которой работает более 43% сайтов. Технически же неискушенный пользователь может легко потеряться в «океане» созданных для WordPress технологий и возможностей настройки.
В этой статье мы расскажем о первых этапах оптимизации работы WordPress. Это будет полезно тем, кто только начинает использовать CMS или начал задумываться об эффективности ее работы. Конечно, в кратком обзоре будет приведен далеко не полный список возможных мер, но выполнение этих шагов позволит вам быстро добиться первых ощутимых результатов и сделать WP-сайт более быстрым.
- Что такое скорость сайта
- На какую скорость ориентироваться
- Как ускорить WP-сайт
- Шаг #1 — тщательно подбираем хостинг
- Шаг #2 — используем легкую тему
- Шаг #3 — оптимизируем размер картинок
- Шаг #4 — минимизируем JS, CSS и HTML
- Шаг #5 — используем расширенные механизмы кэширования
- Шаг #6 — используем CDN
- Шаг #7 — включаем сжатие GZIP
- Шаг #8 — очищаем базу данных WordPress
- Шаг #9 — сводим к минимуму внешние скрипты
- Шаг #10 — отключаем пингбеки и трекбеки
- Шаг #11 — отказываемся от Apache2 в пользу Nginx + php-fpm
- Шаг #12 — следим за актуальностью версии PHP
- Шаг #13 — используем инструменты профилирования и дебагинга
- Шаг #14 — внедряем мониторинг показателей скорости
- Шаг #15 — меняем URL-адрес входа в WordPress
- Заключение
- А как вы ускоряете свой сайт на WordPress?
- Плагины для оптимизации скорости WordPress
- Летающий пресс
- WP Rocket
- Perfmatters
- Очистка активов
- Автоматическая оптимизация
- Заключение- 8 плагинов для оптимизации скорости WordPress 2023 Полное руководство
- Поисковики любят быструю загрузку
- От чего зависит скорость загрузки сайта
- Серверные параметры, хостинг
- Вес страницы сайта
- Редиректы
- Плагины для ускорения загрузки сайта на WordPress
- Optimize Database
- WP-Optimize
- WP Fastest Cache
- PageSpeed Ninja
- PageSpeed Module
- Jetpack
- All in One SEO Pack
- WP Total cache
- WP Super Cache
- Autoptimize
- AMP for WordPress
- Yandex. News Feed by Teplitsa
- Smush Image Compression and Optimization
- Определяем требования к функционалу
- W3 Total Cache
- Рекомендации
- Плагин PageSpeed Ninja
- Jetpack от WordPress. com
Что такое скорость сайта
Термином скорость загрузки сайта принято обозначать время, за которое веб-страница или мультимедийный контент загружаются с серверов хостинга и отображается в браузере. Чем больше скорость загрузки страницы, тем меньше времени проходит между нажатием на ссылку и ее полным открытием.
Для пользователей скорость загрузки страниц является самым очевидным показателем технического качества сайта, наряду со временем отклика сервера, адаптивностью и продуманным UX-дизайном. Качественный сайт, загружающийся за пару секунд, имеет больше шансов привлечь и удержать посетителей. Это хорошо отражается как на ранжировании веб-ресурса поисковиками, так и на бизнес-факторах — продажах, LTV, ROI.
На какую скорость ориентироваться
Как понять, что ваш сайт имеет оптимальную скорость загрузки страниц или, наоборот, работает слишком медленно? Измерить ее с помощью специализированных онлайн-инструментов:
Оптимальной скоростью загрузки страниц принято считать — 0,1-0,2 секунды
. Однако, даже находясь в этой «зеленой зоне», нельзя быть уверенным, что сайт имеет явное конкурентное преимущество. Ведь когда речь идет об интернет-коммерции и активной борьбе за внимание аудитории, счет ведется уже на доли секунд.
Согласно подсчетам маркетологов, 47% клиентов интернет-магазинов ожидают, что время загрузки страницы составит менее двух секунд, а 40% пользователей покинут сайт на третьей секунде ожидания.
Так что же может считаться «мгновенной» загрузкой сайта? Инженеры Google прибегли к помощи нейронауки и обнаружили, что этот показатель равен 100 миллисекундам. Именно столько затылочная доля нашего мозга хранит визуальную информацию в виде сенсорной памяти.
Как ускорить WP-сайт
На время загрузки страницы влияет множество факторов — от качества услуг хостинг-провайдера и общей производительности веб-сайта, до особенностей выбранной CMS и взаимодействия с сайтом самого пользователя. Ниже мы постараемся остановиться на тех шагах по оптимизации производительности WP-сайта, которые может сделать непосредственно владелец или администратор веб-ресурса.
Шаг #1 — тщательно подбираем хостинг
Быстрый и постоянно доступный веб-сайт начинается с продуманного подхода к выбору его хостинг-площадки. Начать следует с подбора технических параметров, подходящих WP-сайту. Тут важно помнить, что, по сути, WordPress — это однопоточное PHP-приложение, на скорость работы которого будет сильно влиять частота CPU. Чем выше CPU процессора на хостинге, тем быстрее CMS сможет формировать HTML-документ, а пользователь получать запрошенные данные с сайта.
Не менее важно правильно определиться с типом хостинга. На первый взгляд, может показаться хорошей идеей залить новый сайт на эконом-тариф виртуального хостинга, который при минимальных затратах сулит полноценное размещение в Сети. Но сайт будет делить площадку с неустановленным количеством «соседей», способных «оттягивать» общие ресурсы на себя. Разумнее выбрать более продвинутые варианты размещения — VDS, выделенный сервер или облачный хостинг, которые стоят немного дороже, но предлагают надежное разделение ресурсов и лучшую безопасность.
Кстати. Помимо чисто технических параметров хостинга (типа, качества и объема ресурсов, ширины канала), на скорость сайта влияет близость серверов к потенциальной ЦА сайта. Размещение на хостинге с дата-центрами в городах, откуда на веб-ресурс приходит основной трафик, позволяет оптимизировать такой важный показатель, как сетевая задержка (network latency / NL) без использования сторонних CDN-сервисов.
Шаг #2 — используем легкую тему
Тема WordPress — набор файлов, определяющих то, как будет выглядеть ваш сайт. Темы с большим количеством динамических элементов, ползунков, виджетов, социальных иконок могут добавить странице функциональность и привлекательность, одновременно делая ее тяжелее. Это будет создавать веб-серверу и браузеру дополнительную нагрузку, а в перспективе понизит скорость сайта.
Лучшее решение — использовать легкие темы, чей функционал не содержит ничего лишнего. Обычно они уже установлены в WordPress по умолчанию. Другой вариант — попробовать одну из легких, сверхбыстрых WP-тем, вроде Astra, OceanWP, Hello Elementor, GeneratePress или Neve, которые идеально оптимизированы для уменьшения времени загрузки. Для многофункционального веб-сайта нужно обратить внимание на темы, использующие производительный фреймворк, например, Bootstrap или Foundation.
Шаг #3 — оптимизируем размер картинок
Качественные и тяжелые изображения — один из основных факторов увеличения размера веб-страницы. Чтобы красивые картинки не отразились на скорости загрузки, нужно найти надежный способ уменьшить их размер без ущерба для качества.
Можно оптимизировать каждое изображение вручную с помощью специальных инструментов, например, расширений для браузера, Photoshop, устанавливаемых утилит (PngQuant, FileOptimizer) или многочисленных онлайн-сервисов, вроде TinyJpg. Но обработка каждой картинки по отдельности занимает много времени. К счастью, в WordPress есть плагины практически на любой случай жизни, включая автооптимизацию изображений.
Плагины WP для автоматического уменьшения изображений
Шаг #4 — минимизируем JS, CSS и HTML
Еще один надежный способ «облегчить» сайт и добавить ему скорости — уменьшить размер файлов HTML, JavaScript и CSS. Это означает удаление из кода ненужных символов, которые не требуются для загрузки, например:
Это ускоряет время загрузки, поскольку уменьшает объем кода, который необходимо запрашивать с сервера.
Для решения этой задачи можно воспользоваться специальными плагинами — они помогут оптимизировать CSS, JS и HTML файлы WP-сайта.
Например, популярный плагин Autoptimize может произвести конкатенацию или объединение всех подключаемых на странице скриптов и стилей в единый файл. Ссылка на файл со CSS-стилями помещается в начало HTML документа, а ссылка на аналогичный файл с JS-файлами и встроенными скриптами — в его конец. Похожие операции с CSS и JS производит плагин Better WordPress Minify.
Шаг #5 — используем расширенные механизмы кэширования
Плагины для кэширования WordPress — например, W3 Total Cache (W3TC), W3 Super Cache или WP Rocket — автоматизируют сложные задачи по добавлению правил кэширования к отдельным элементам веб-сайта. Сочетание подобных плагинов с передовыми механизмами кэширования (Varnish) поможет заметно повысить скорость работы WordPress и уменьшить время загрузки веб-сайта.
Шаг #6 — используем CDN
Скорость загрузки сайта зависит, в том числе и от того, насколько далеко находятся посетители от места, где физически размещен сайт. Приблизить веб-ресурс к его географически отдаленной аудитории помогает распределенная инфраструктура «сетей доставки контента» или CDN (Content Delivery Network).
CDN-сервис хранит копию (кеш) сайта в различных ЦОД, расположенных в разных уголках планеты. С его помощью пользователи из разных городов и стран могут быстро получить запрашиваемый контент веб-страницы из ближайшей к себе локации, а не с серверов, где хостится сам ресурс. Каждый поставщик услуг CDN предоставляет удобные плагины для WordPress, которые можно активировать в CMS буквально парой кликов.
Шаг #7 — включаем сжатие GZIP
GZIP — технология сжатия файлов с сайта перед их отправкой в браузеры пользователей. Все современные браузеры автоматически распаковывают сжатые таким образом файлы и отображают их без потерь или изменений качества. G ZIP сокращает время загрузки файла и делает веб-ресурс быстрее.
Как работает сжатие GZIP / Источник — kinsta.com
Возможно, на вашем WP-сайте уже включена GZIP-компрессия? Узнать это можно за пару кликов — достаточно вбить URL в один из онлайн-сервисов, типа Check GZIP Compression или HTTP Compression Test. Если результат отрицательный, придется подключать GZIP вручную.
Как включить GZIP на WordPress:
Важно! Перед добавлением кода в файл .htaccess, убедитесь, что на вашем сервере активен модуль mod_filter. На большинстве хостингов он включен по умолчанию, в противном случае директива AddOutputFilterByType не будет работать и может вызвать ошибку HTTP 500.
Перед тем, как выбрать способ включения GZIP-сжатия, нужно помнить, что одновременно можно использовать только один вариант. Для оптимизации скорости предпочтительно выбрать второй способ, где сжатие происходит на веб-сервере, без участия PHP.
Шаг #8 — очищаем базу данных WordPress
Важный этап оптимизации баз данных — деактивация или удаление лишних плагинов.
Для их поиска можно использовать специальные плагины, вроде Advanced Database Cleaner и Database Cleanup. Если используемые плагины даже полезны, но излишне нагружают систему, можно поискать их функциональную альтернативу в виде сторонних сервисов (например, IFTTT, Zapier) для автоматизации или планирования задач.
Шаг #9 — сводим к минимуму внешние скрипты
Использование внешних скриптов на веб-страницах нагружает систему обработкой дополнительных данных и увеличивает общее время загрузки. Чтобы избежать этого, можно использовать лишь необходимый минимум скриптов, включая, например, счетчики и инструменты аналитики (Яндекс. Метрика, Google Analytics) или системы комментирования (Disqus, Cackle).
Шаг #10 — отключаем пингбеки и трекбеки
Pingbacks и trackbacks (протоколы обратного отслеживания) — это два основных компонента WordPress, которые предупреждают пользователя каждый раз, когда его блог или страница получает ссылку. Однако постоянная генерация запросов к WordPress может привести к нежелательной нагрузке на ресурсы сервера. К тому же пингбеки и трекбеки широко используются при DDoS-атаках на сайты.
К счастью, этот WP-функционал легко отключается и заменяется внешними сервисами для проверки ссылок на сайте, например, Google Search Console или Яндекс. Вебмастер.
Шаг #11 — отказываемся от Apache2 в пользу Nginx + php-fpm
Самый популярный веб-сервер Apache2 имеет критический для скорости WP-сайта архитектурный недостаток — при отдаче статического контента, каждый запрос порождает дополнительный процесс. Это приводит к излишней загрузке памяти и плохо влияет на производительность.
Чтобы разгрузить ресурсы сервера, следует заменить Apache2 на Nginx. Этот веб-сервер не берет на себя функции обработки PHP, передаёт эти запросы на выделенный обработчик php-fpm. Пакеты с сервером Nginx можно найти в стандартных репозиториях Ubuntu и других популярных ОС семейства Linux.
Шаг #12 — следим за актуальностью версии PHP
WordPress в основном написан на PHP, поэтому производительность ПО не в последнюю очередь зависит от того, установлена ли на хостинге последняя версия этого интерпретатора. Проверить актуальность версии WordPress PHP можно с помощью специальных плагинов, типа Display PHP Version или Version Info, отображающих эту информацию прямо в консоли управления.
Чтобы WP-сайт работал как часы, мало одной актуальной версии PHP. Не менее важно своевременно обновлять версии ядра WordPress, используемых тем и плагинов.
Важно! Чтобы избежать возможного конфликта версий ПО, перед обновлением WordPress не забудьте сделать бекап.
Шаг #13 — используем инструменты профилирования и дебагинга
PHP плагины — одновременно и сильная, и слабая сторона WordPress. Они значительно расширяют функциональность CMS, но при плохой оптимизации моментально становятся «тормозом» для админки и страниц WP-сайта.
Инструменты профилирования PHP или профилировщики, вроде Code Profiler или F12-Profiler, проверяют производительность работы кода на каждом из трех основных этапов загрузки WordPress и находят слабые места для дальнейшей отладки (дебагинга).
Альтернативой профилировщикам могут стать универсальные плагины для мониторинга безопасности, например, Health Check, SiteAlert, Debug Bar и Query Monitor. Эти инструменты работают по принципу швейцарского ножа и проверяют все показатели, влияющие на «здоровье» CMS — от актуальности версии PHP до наличия мусорных плагинов.
Шаг #14 — внедряем мониторинг показателей скорости
Оптимизация скорости сайта на WordPress далеко не разовое мероприятие. Чтобы закрепить полученный результат, важно постоянно отслеживать время загрузки и улучшать его. Автоматический мониторинг сервера и сайта можно наладить с помощью пары универсальных опенсорс-инструментов Prometheus + Grafana. Первый осуществляет сам мониторинг и хранит метрики, а второй визуализирует собранные данные.
Шаг #15 — меняем URL-адрес входа в WordPress
Изменить URL-адрес входа в WordPress можно с помощью одного из плагинов:
Смена начального URL — не универсальное решение. Это всего лишь маленькая хитрость, которая поможет защитить сайт и снизить нагрузку, создаваемую нелегитимным трафиком.
Заключение
Самая очевидная польза от описанных выше шагов — неизменно высокое качество загрузки сайта, которое обязательно оценят его посетители. Быстрый сайт на WordPress активнее поднимается в поисковом рейтинге, облегчает задачу оценки для поисковых систем, повышает коэффициент конверсии, улучшает такие важнейшие поведенческие факторы, как время пребывания на странице и показатель отказов.
Опытному WP-админу очевидно, что исчерпывающее руководство по данной теме будет включать гораздо больше пунктов. Например, в этот список можно добавить такие пункты, как блокировка паразитных скан-ботов, запрет на загрузку аудио/видео файлов на сайт, настройка «ленивой загрузки» (LazyLoad) изображений, отключение хотлинкинга. Следует понимать, что цель данной статьи — помочь с первыми шагами в оптимизации времени загрузки страниц.
А как вы ускоряете свой сайт на WordPress?
Материал подготовлен на основе статьи Shams Sumon с использованием открытых источников и авторскими дополнениями.
Партнерское раскрытие: Полная прозрачность — некоторые ссылки на нашем веб-сайте являются партнерскими ссылками, и если вы используете их для совершения покупки, мы будем получать комиссию без дополнительных затрат для вас (вообще никакой!).
Если вы хотите ускорить свой сайт WordPress, есть несколько отличных плагинов, которые могут вам помочь. В этом посте мы рассмотрим 10 популярных плагинов для оптимизации скорости WordPress.
Эти плагины могут помочь вам сократить время загрузки и повысить общую производительность вашего сайта. Итак, если вы хотите повысить производительность своего сайта, обязательно ознакомьтесь с этими плагинами!
Плагины для оптимизации скорости WordPress
LiteSpeed Cache — это мощное решение для кэширования, которое может помочь повысить производительность вашего веб-сайта WordPress. Кэширование — это метод, который сохраняет часто используемые данные в памяти, чтобы к ним можно было быстро получить доступ при необходимости.
LiteSpeed Cache работает путем кэширования статических файлов, таких как HTML, CSS и JavaScript, а также динамического контента, такого как страницы и сообщения. В результате LiteSpeed Cache может значительно сократить время загрузки вашего сайта.
Кроме того, LiteSpeed Cache совместим с рядом популярных плагинов WordPress, что упрощает его настройку и использование. Если вы ищете способ повысить производительность вашего веб-сайта WordPress, LiteSpeed Cache — отличный вариант для рассмотрения.
Летающий пресс
FlyingPress — это новое приложение, которое обещает сделать вашу жизнь проще, позволяя бронировать и управлять всеми вашими планами поездок в одном месте. Приложение в настоящее время доступно для устройств iOS и Android и предлагает широкий спектр функций, которые помогут вам получить максимальную отдачу от поездки.
С помощью FlyingPress вы можете бронировать авиабилеты, отели и арендовать автомобили в одном месте, и вы даже можете просматривать рекомендации по мероприятиям и достопримечательностям на основе ваших интересов.
Вы также можете использовать приложение, чтобы отслеживать свой маршрут, чтобы вы всегда знали, где вам нужно быть и когда. Лучше всего то, что FlyingPress можно использовать совершенно бесплатно, поэтому нет причин не попробовать его.
Являетесь ли вы опытным путешественником или только планируете свое первое путешествие, FlyingPress — идеальный инструмент, который поможет вам убедиться, что все идет гладко.
Проверьте наш Elementor Free против Elementor Pro Ссылка на, Что они предлагают в бесплатном плане и в профессиональном плане?
WP Rocket
WP Rocket, созданный командой разработчиков популярного плагина кэширования WordPress W3 Total Cache, представляет собой мощное решение для кэширования, которое обещает ускорить ваш сайт всего за несколько кликов.
WP Rocket имеет ряд функций, которые выделяют его среди конкурентов, включая кэширование страниц, кэширование браузера и сжатие Gzip.
Кэширование страниц создает статические HTML-файлы ваших страниц и сообщений, которые затем передаются посетителям, что значительно сокращает время загрузки. Кэш браузера сохраняет часто используемые файлы на компьютере посетителя, поэтому их не нужно загружать с вашего сервера каждый раз, когда они посещают ваш сайт.
Сжатие Gzip уменьшает размер ваших файлов HTML, CSS и JavaScript, еще больше ускоряя время загрузки страницы. В дополнение к этим функциям WP Rocket также включает отложенную загрузку, которая откладывает загрузку изображений и других медиафайлов до тех пор, пока они не будут прокручены в поле зрения. Благодаря простому в использовании интерфейсу и мощным функциям WP Rocket представляет собой впечатляющее решение для кэширования, которое может помочь ускорить работу любого сайта WordPress.
Плагин автоматически определяет, когда посетитель пытается получить доступ к странице, которая была кэширована, и вместо этого предоставляет кешированную версию. Это может значительно сократить время, необходимое для загрузки страницы, а также повысить общую производительность вашего сайта.
Perfmatters
Perfmatters — это плагин производительности WordPress, который помогает вам ускорить работу вашего сайта. Плагин имеет ряд функций, которые могут помочь повысить производительность веб-сайта, включая оптимизацию активов, очистку базы данных и отложенную загрузку.
Perfmatters также включает в себя ряд других функций, которые могут помочь повысить производительность веб-сайта, таких как минимизация, предварительная выборка DNS и Сжатие GZIP.
Плагин доступен как в бесплатной, так и в премиальной версии. Премиум-версия включает в себя больше функций и доступна за единовременную плату в размере 49.00 долларов США. В целом, Perfmatters — отличный плагин для тех, кто хочет повысить скорость своего веб-сайта WordPress.
Очистка активов
Asset CleanUp — это плагин, который помогает оптимизировать ваш сайт, очищая его от неиспользуемых файлов CSS и JavaScript. Выгрузив эти активы, вы можете повысить скорость и производительность своего сайта.
Кроме того, Asset CleanUp может помочь вам сократить время загрузки вашего сервера, что сэкономит вам деньги на хостинге. В качестве дополнительного бонуса Asset CleanUp также может помочь вам улучшить внешний вид вашего веб-сайта. S EO за счет повышения скорости загрузки.
В результате Asset CleanUp является важным инструментом для любого владельца веб-сайта, который хочет оптимизировать свой сайт для повышения производительности и прибыльности. Спасибо, что выбрали Asset CleanUp!
Автоматическая оптимизация
Autoptimize — это плагин WordPress, который оптимизирует производительность вашего сайта. Он минимизирует и сжимает файлы CSS, HTML и JavaScript, чтобы уменьшить размер файла и время загрузки.
Кроме того, Autoptimize может оптимизировать ваши Google Fonts и асинхронный неблокирующий JavaScript. Уменьшая количество HTTP-запросов и асинхронно загружая файлы, Autoptimize ускоряет время загрузки вашего веб-сайта.
В результате ваш сайт будет лучше ранжироваться в поисковых системах и будет более удобным для пользователей. Автооптимизация — важный инструмент для любого сайта WordPress, который хочет повысить свою производительность.
Заключение- 8 плагинов для оптимизации скорости WordPress 2023 Полное руководство
Хотя перечисленные выше плагины отлично подходят для ускорения вашего сайта WordPress, важно помнить, что не все из них могут быть необходимы для вашего конкретного сайта.
Поэкспериментируйте с несколькими различными, чтобы найти комбинацию, которая лучше всего подходит для вас, и не забывайте регулярно контролировать скорость вашего сайта, чтобы вы могли внести необходимые коррективы. Какой ваш любимый плагин WordPress для оптимизации скорости?
Обновленная подборка с бесплатными русифицированными плагинами для сайта на WordPress, которые исправят ошибки кода, закэшируют страницы и сделают загрузку быстрее.
Первое, что влияет на впечатление пользователя от сайта — скорость его загрузки. Если сайт не загрузился в первые три секунды, скорее всего пользователь его закроет. Даже если на сайте выстроена идеальная воронка продаж, продумано юзабилити, продается что-то выгодное и полезное, клиент этого не увидит,потому что не дождется загрузки.
Поисковики любят быструю загрузку
Поисковые системы тоже поощряют ускорение загрузки. В Яндексе говорят о том, что более 40% выходят в сеть с 3G-интернетом, так что тяжелые страницы будут загружаться очень медленно. Проблема долгого ответа сервера считается критичной: если среднее время ответа всех страниц дольше трех секунд, вы увидите предупреждение в Яндекс. Вебмастере
Google в июле 2018 запустил алгоритм Google Speed Update, он понижает в выдаче сайты, которые загружаются очень долго. Особенно рискуют интернет-магазины, потому что обычно они функционально перегружены.
Многие владельцы сайтов и SEO-специалисты жаловались на значительную просадку позиций после обновления алгоритма. Сервисы мониторинга позиции не показывали каких-либо значительных изменений:
График изменений по десктопной и мобильной выдаче
Но сайты, которые действительно долго загружались, просели в выдаче. Интересно, что по анализу Барри Шварца, владельца портала Seroundtable, апдейт больше всего навредил сайтам о здоровье:
Результаты анализа Барри Шварца
Пострадали 42% официальных ресурсов медучреждений, частных сайтов о здоровье и фитнесе, ЗОЖ. Причина такого смещения результатов неизвестна, точнее, нет официального ответа, зато есть версии, о которых мы рассказывали в статье «Как продвигать сайты в медицинской тематике».
Даже если ваш сайт далек от темы здоровья, работать над скоростью все равно нужно.
От чего зависит скорость загрузки сайта
Скорость загрузки сайта зависит от нескольких факторов, каждый из них можно ускорить по мере возможностей.
Серверные параметры, хостинг
Время ответа сервера — это время, за которое сеть и сервер вернул первый запрошенный байт HTML-файла. Чем больше это время, тем дольше у пользователя белый экран загрузки вместо сайта. Плохо, если время ответа сервера дольше трех секунд, Яндекс. Вебмастер покажет уведомление о критичной ошибке.
Скорость ответа сервера, верстка, оптимизация CSS и JS влияет на время загрузки основной части сайта.
Часто проблема может быть в том, что не хватает ресурсов хостинга — CPU и скорости дисковой системы. Обычно советуют найти SSD хостинг и использовать сети CDN, чтобы сократить время доставки контента — система выберет ближайший к пользователю сервер.
По словам Джона Мюллера, Google определяет скорость сайта по общей картине, а не по промежуточным этапам. Быстрой загрузки первого байта (TTFB) недостаточно, это не показатель хорошего пользовательского опыта. Важно общее время загрузки и рендеринга, поэтому стоит работать над всеми доступными параметрами.
На смартфонах сайты загружаются медленнее, чем на десктопе, тем более с мобильного интернета.
Так что особенно важно следить за скоростью загрузки с мобильных, показатели могут отличаться от десктопных чуть ли не в два раза. Первый экран должен появляться не позднее, чем через полторы секунды, а вся страница не должна загружаться дольше двух секунд.
Почитать по теме:«Как ускорить загрузку: оптимизируем код верхней части страницы»: асинхронная загрузка, jQuery, минификация и объединение кода, кэширование и другие способы.
Некоторые оптимизаторы советуют сократить количество языковых настроек, которые загружаются WordPress стандартно, и так снять с хостинга часть загрузки.
Для этого в корневой директории нужно найти файл wp-config.php, в котором найти строку
define (‘WPLANG’, ‘ru_RU’);
И заменить ее на такой код:
Вес страницы сайта
От веса HTML-страниц тоже зависит скорость загрузки — тяжелые страницы со сложной функциональностью и тяжелыми медиафайлами будут загружаться долго. Чтобы страница стала легче, можно настроить HTML-элементы с помощью CSS, использовать сжатие медиафайлов, настроить кэширование, минифицировать код страницы.
Об этом в подробностях в статье «Как уменьшить вес сайта и ускорить загрузку страниц»: gzip, brotli, минификация и другие способы.
Редиректы
Редиректы замедляют скорость — сервер устанавливает соединение с одной страницей, получает ответ о перенаправлении и переходит на другую. Если на сайте много 301 редиректов, проверьте по источникам трафика, может, в некоторых случаях стоит заменить ссылку с редиректом на конечную страницу.
Редиректы с HTTP на HTTPS тоже могут тормозить процесс, в этом случае поможет технология HSTS (HTTP Strict Transport Security) — тогда браузер автоматически сделает внутренние редиректы, сразу сделает запрос на HTTPS и перенаправит пользователей на безопасное соединение. Для этого нужно подключить функцию HSTS в личном кабинете хостинга или прописать заголовок HTTP Strict Transport Security. Но советуем сначала протестировать функцию, чтобы убедиться, что все страницы доступны.
Плагины для ускорения загрузки сайта на WordPress
Для владельцев сайтов на WordPress мы составили подборку плагинов, работающих с ускорением, кэшированием страниц и оптимизацией. Все плагины из подборки переведены на русифицированы и бесплатны.
Почитать по теме:Что выбрать: SaaS, IaaS или PaaS? Сравнение облачных моделей ПО
Optimize Database
WordPress создает резервные копии записей при сохранении и редактировании, они все хранятся в базе данных. Чтобы улучшить скорость работы, можно оптимизировать БД — провести ревизию с помощью плагина.
Фрагмент работы с плагином
Совместим вплоть до 5.2.3 версии WordPress, нужна версия PHP 5.0 или выше.
WP-Optimize
Плагин для очистки базы данных, сжатия изображений и кэширования.
Ускорение с помощью плагина
Работает бесплатно, есть премиум-версия с дополнительными возможностями. Совместим с версиями WordPress от 3.8.
WP Fastest Cache
Плагин создает статические html-файлы с сайта на WordPress и сохраняет их, то есть кэширует страницы.
Данные работы плагина
PageSpeed Ninja
Плагин улучшает производительность сайта на WordPress, работает с десктопным и мобильным отображением.
PageSpeed Ninja предлагает действия по ускорению загрузки
Плагин может быть несовместим с некоторыми сайтами, поэтому проверьте совместимость на сайте PageSpeed. Ninja. Введите свой домен, результаты появятся на экране и придут на почту.
Совместим с версиями WordPress от 4.0.1 и выше.
PageSpeed Module
Плагин открывает дополнительные настройки страниц для ускорения загрузки, если на сайте используется веб-сервера с открытым исходным кодом Apache или Nginx.
Окно настройки плагина
Для работы нужно, чтобы был установлен веб-сервер Apache или Nginx. Плагин совместим с версиями WordPress от 4.4.
Jetpack
Плагин от WordPress.com, он должен работать, чтобы улучшить оформление сайта, обеспечить пользователям безопасную работу, отследить маркетинговые данные. Некоторые оптимизаторы писали, что не видят эффекта, но лучше протестировать самостоятельно.
Некоторые возможности платные, цена зависит от количества подключенных дополнений. Есть бесплатный минимальный тариф.
Загрузка изображений на сайт через плагин
Совместим с версиями WordPress от 5.1, версия PHP от 5.6.
All in One SEO Pack
Плагин работает с ускорением загрузки страниц, но предназначен в целом для автоматизации работы с SEO сайта.
SEO-меню плагина с модулями
Совместимость с PHP от 5.2.4 версии. Совместим с WordPress от 4.7 версии.
WP Total cache
Плагин справляется с кэшированием HTML-страниц, объединением стилей и скриптов, браузерным кэшированием.
Нужна версия WordPress 3.2 или выше.
WP Super Cache
Плагин для кэширования HTML-страниц. Не оптимизирует JS/CSS, но с этим справляется следующий плагин из подборки.
Варианты настройки кэширования
Совместим с версиями WordPress от 3.1, минимальное требование — версия PHP 5.2.4 или выше.
Autoptimize
Плагин работает с кодом, скриптами и стилями страницы, ускоряя загрузку. Хорошо справляется в тандеме с предыдущим плагином.
Совместим с версиями WordPress от 4.0 и выше, версиями PHP от 5.3 и выше.
AMP for WordPress
Плагин ускоряет загрузку страниц, преобразовывая их в AMP. Такие страницы быстро загружаются: все элементы статичны, поэтому их положения и размеры можно определить до загрузки, и макет загружается сразу без перекомпоновки.
Пример страницы с шаблоном AMP
Поддерживает CDN. Совместим с версиями WordPress от 4.9, PHP от 5.4.
Yandex. News Feed by Teplitsa
Плагин упрощает интеграцию сайта с Яндекс. Новостями, включая поддержку турбо.
Совместим с версиями WordPress от 3.9.
Smush Image Compression and Optimization
Плагин уменьшает и сжимает изображения для быстрой загрузки страницы.
Автоматическое изменение размера
Совместим с версиями WordPress от 4.6, PHP от 5.3 и выше.
Подборка бесплатных русифицированных плагинов поможет выбрать подходящий инструмент, чтобы ускорить загрузку страниц. Это позволит не потерять клиентов, которые не любят ждать долгой загрузки сайта, и не попасть под обновление алгоритма Google, которое опускает медленные сайты в выдаче.
Но дьявол, как обычно, кроется в деталях. В интернете есть самые разные обзоры и сравнения плагинов кеширования. И за столько лет кто-то же должен был выдать идеальный рецепт? Но нет. Все эти обзоры сводятся к тезису: «мы сделали 10 одинаковых сайтов, установили плагины с дефолтными настройками и смотрим, где страница загрузилась быстрее». При этом все забывают, что нюансов при оптимизации кеширования вагон и маленькая тележка. Похоже, эта статья первая, которая примет во внимание реальное поведение пользователей на сайте, вместо сравнения скорости загрузки одной страницы в тепличных условиях.
Используя бестселлеры с Themeforest или, те же конструкторы, вроде Elementor, WP Backery и прочие, сайт обречен на 5-15 секунд TTFB (time for first byte, время ответа сайта) при загрузке КАЖДОЙ страницы. С одной страницы может быть несколько сотен обращений к базе данных, выполняться большое число php-функций, подключаться множество библиотек. Естественно, что такая скорость недопустима, она влечет за собой понижение в поисковой выдаче, «отказы» посетителей, сливы бюджетов на рекламу и так далее. С этим нужно что-то делать.
Я никогда шибко оптимизацией WordPress не заморачивался, потому что в моей практике сайты, которые требуют космической скорости работы, делали не на WordPress, а на Yii2 или Laravel. Для WP я использовал околодефолтные настройки плагина WP Super Cache, подсмотренные на Stackoverflow. Правда со временем начали появляться проблемы. Что-то приходилось «колхозить», где-то пробовать другие плагины. Но каждый раз появлялись всё новые и новые «косяки».
В какой-то момент я просто устал от постоянного «колхозинга» и решил найти идеальное решение. Я занимался этим больше месяца, тестируя разные плагины, разные настройки на разных сайтах, чтобы найти идеальный рецепт.
В статье речь пойдёт о собственных наблюдениях, об особенностях каждого плагина для кеширования WordPress, о том, что заявлено, а что имеем по факту, и конечно, подборе идеальных настроек и устранении проблем. Материала получилось много, на 21 страницу, поэтому я решил разделить его на две части. Первая будет посвящена обзору и выводам, так сказать «для гуманитариев». Во второй части будут приведены настройки и доработки плагинов, а также более подробное пояснение их работы, так сказать «для технарей».
Забегая вперед, скажу, что идеального рецепта (идеальных настроек) не существует. В первую очередь необходимо четко сформулировать свои требования к функционалу и понять принципы работы того или иного плагина. Этим мы сегодня и займемся.
Определяем требования к функционалу
Как я уже говорил выше, идеального рецепта не существует, и необходимо разобраться в логике работы того или иного плагина и выбрать наиболее подходящее решение для каждого конкретного сайта. Во второй части статьи я подробнее рассматриваю популярные плагины для кеширования WordPress, их проблемы и предлагаю методы решения этих проблем. Здесь я обобщу все плюсы и минусы каждого из плагинов.
При рассмотрении плагинов ниже будут применяться следующие обозначения:
W3 Total Cache
В ходе своего исследования я также успел поработать с WP Rocket и LiteSpeed Cache, в которых разочаровался почти сразу и не посчитал нужным расписывать подробно все их преимущества и недостатки, их я упоминаю во второй части статьи.
Без сомнения, наиболее высокую скорость загрузки показал плагин W3 Total Cache. Он работает быстро и в классическом режиме, и в режиме PHP, да и страницы с GET‑параметрами загружает быстрее всех. Но для меня критичной стала проблема отсутствия автоматического фонового кеширования, которое бы обновляло файлы кеша, не снося их полностью, а заменяя постепенно. Плагин, конечно, не требует доработок, и имеет все необходимые настройки, но в период обновления кеша, пользователи, попадающие на сайт, видят медленную загрузку, а при большом трафике на сайте это становится критичной проблемой. Его лучше использовать на статичных сайтах без автокеширования.
Большие надежды я возлагал на Swift Perfomance. Он имеет все необходимые настройки, не требует доработок, да и распространяется платно, а ведь платный плагин должен оправдывать вкладываемые в него средства? Но он разочаровал полностью, нестабильные механизмы автокеширования, недоработанный механизм ручного обновления кеша, высокая нагрузка на сервер при кешировании – все эти недостатки свели на нет его преимущества. Если бы я регулярно не мониторил его работу, может быть и не заметил бы этих недостатков. На текущий момент я его не использую ни на одном из проектов.
WP Super Cache был бы идеальным вариантом, если только на сайты с ним не вести рекламу. Как только на сайте появляются любые GET-параметры, необходимо дорабатывать исходный код плагина, чтобы устранить эту проблему. А при частом обновлении сайта с большим количеством страниц это становится настоящим геморроем, ведь если мы не хотим, чтобы некоторая часть пользователей с рекламы видела медленную загрузку после проведения автокеширования, то необходимо придумывать дополнительные методы обхода страниц с GET-параметрами. Чаще проще установить плагин, который всё это умеет из коробки. К недостаткам WP Super Cache можно также отнести отсутствие работы с оптимизацией контента на сайте (минификация HTML/CSS/JS, объединение CSS и JS-файлов, Lazy loading изображений, а также оптимизация и сжатие изображений), но это на любителя, плагин кеширования по факту не должен этим заниматься, все эти настройки нужно тестить, у других плагинов не все они работают адекватно.
Закрывает эти проблемы плагин WP Fastest Cache, который прекрасно умеет работать с GET-параметрами. Хотя он всё равно требует доработок. Лично мне не сложно внести небольшие изменения в код плагина, чтобы познакомить его с метками типа yclid и разрешить использовать PHP.
Вот и получается, что идеального рецепта не существует. Понимая проблемы плагинов и разобравшись в настройках из второй части статьи, каждый сам сможет подобрать себе плагин под конкретный тип сайта. Мои же рекомендации, следующие:
Рекомендации
Это переписанная и структурированная статья из моего телеграм-канала «digital на минималках», где я делюсь опытом в бизнесе, инструкциями, рассказываю, как удешевить свои вложения в digital, рассуждаю на небанальные темы, немного бомблю и делюсь мемчиками (осторожно, нецензурная речь). Решил, что подобное объемное исследование будет интересно не только подписчикам моего канала.
Приветствую вас, дорогие друзья! Сегодня у меня снова важная тема для вас — как увеличить скорость загрузки сайта? Как ускорить ваш сайт WordPress? Об этом написано у меня подробно здесь, а этот пост будет дополнение к нему. Лишние знание об ускорение загрузки сайта WordPress нам не повредят. Сразу признаюсь, статья не моя. Позаимствовал её с популярного сервиса pr-cy. Надеюсь они не против. И так, погнали наших городских. Плагины для ускорения загрузки сайта на WordPress?
Первое, что влияет на впечатление пользователя от сайта — скорость его загрузки. Если сайт не загрузился в первые 3 секунды, скорее всего пользователь его закроет.
Как ускорить сайт на WordPress
Даже если на сайте выстроена идеальная воронка продаж, продумано юзабилити, продается что-то выгодное и полезное, клиент этого не увидит. Поисковые системы тоже поощряют ускорение загрузки: с 9 июля Google запустил алгоритм Google Speed Update, которые понижает в выдаче сайты, которые загружаются долго. Особенно рискуют интернет-магазины, потому что обычно они функционально перегружены.
Многие владельцы сайтов и SEO-специалисты жаловались на значительную просадку позиций после обновления алгоритма. Хотя сервисы мониторинга позиции не показывают каких-либо значительных изменений. Интересно, что по анализу Барри Шварца, владельца портала Seroundtable, апдейт больше всего навредил сайтам о здоровье. Пострадали 42% официальных ресурсов медучреждений, частных сайтов о здоровье и фитнесе, ЗОЖ. Причина такого смещения результатов неизвестна. Даже если ваш сайт далек от темы здоровья, работать над скоростью все равно нужно.
Для владельцев сайтов на WordPress я составил подборку плагинов, работающих с ускорением и кэшированием страниц. Все плагины WordPress из подборки, с помощью которых можно увеличить скорость загрузки сайта, переведены на русский язык (русифицированы) и бесплатны.
Плагин PageSpeed Ninja
Плагин PageSpeed Ninja
PageSpeed Ninja — это наилучший плагин производительности для WordPress. Вы сможете сделать свои сайты загружающимися быстрее на десктопах и мобильных устройствах, в один клик исправив проблемы найденные Google PageSpeed Insights.
PageSpeed Ninja предлагает действия по ускорению загрузки сайта
Плагин может быть несовместим с некоторыми сайтами, поэтому проверьте совместимость на сайте PageSpeed. Ninja (). Введите свой домен, результаты появятся на экране и придут на почту. Совместим с версиями WordPress от 4.0.1 вплоть до последней на сегодня версией 4.9.8. Минимальное требование — версия от 4.0.1.
Плагин открывает дополнительные настройки страниц для ускорения загрузки, если на сайте используется веб-сервера с открытым исходным кодом Apache или Nginx. Возможности плагина:
Плагин имеет страницу настроек в консоли сайта, с кнопками и элементами управления:
Панель настроек плагина PageSpeed Module
Для работы нужно, чтобы был установлен веб-сервер Apache или Nginx. Плагин совместим с версиями WordPress вплоть до свежей 4.9.8 версии от 03.08.18. Минимальное требование — версия WordPress от 4.4.
Jetpack от WordPress. com
Удобный дизайн, маркетинговые инструменты и средства безопасности — всё собрано вместе. Плагин от WordPress.com, его функциональность позволяет улучшить оформление сайта, обеспечить пользователям безопасную работу, отследить маркетинговые данные. Создайте сайт WordPress с чистого листа и настройте его по своему усмотрению. Плагин установили более 5 000 000 пользователей.
Основные функции Jetpack всегда были, есть и будут бесплатными. Они включают: статистику сайта, высокоскоростную сеть предоставления изображений, связанные записи, отслеживание простоев, защиту от атак методом перебора, автоматическую публикацию в социальных сетях, пользовательскую настройку боковой панели и многое другое.
AMP project. Плагин ускоряет загрузку страниц, преобразовывая их в AMP
Плагин ускоряет загрузку страниц, преобразовывая их в AMP. Такие страницы быстро загружаются: все элементы статичны, поэтому их положения и размеры можно определить до загрузки, и макет загружается сразу без перекомпоновки. Возможности:
Поддерживает CDN. Совместим с версиями WordPress вплоть до свежей 4.9.8 версии от 03.08.18. Минимальное требование — версия WordPress от 4.7.
Плагин All in One SEO Pack
Плагин работает с ускорением загрузки страниц, но предназначен в целом для автоматизации работы с SEO сайта. Более 45 000 000 установок. Возможности:
Совместимость с PHP 7. Совместим с версиями WordPress вплоть до свежей 4.9.8 версии от 03.08.18. Минимальное требование — версия WordPress от 4.4.
Настройки плагина Autoptimize
Плагин работает с кодом, скриптами и стилями страницы, ускоряя загрузку. Настройка плагина, читайте здесь. Возможности:
Совместим с версиями WordPress вплоть до свежей 4.9.8 версии от 03.08.18. Минимальное требование — версия WordPress от 4.0.
Плагин упрощает интеграцию сайта с Яндекс. Новостями, включая поддержку турбо. Возможности:
Плагин Yandex. News Feed by Teplitsa
Плагин имеет минимум необходимых настроек. Минимальное требование — версия WordPress от 3.9. Смотрите другие плагины для турбо-страниц яндекса тут.
Подборка бесплатных плагинов поможет выбрать подходящий инструмент, чтобы ускорить загрузку страниц. Это позволит не потерять клиентов, которые не любят ждать долгой загрузки сайта, и не попасть под обновление алгоритма Google, которое опускает медленные сайты в выдаче.
И последнее. Очищайте базы данных.
При выполнении любого действия на сайте, удаление или добавление записей, новостей, комментариев, меняя настройки, устанавливая новые плагины, база данных сохраняет об этом всю информацию. Ее следует постоянно чистить. А точнее хотя бы раз в неделю. В этом поможет плагин. В WordPress, в репозитории, можно найти огромный выбор плагинов, чтоб чистить базу данных. К примеру, плагин WP-Optimize поможет провести очистку всего в один клик.