10 лучших кэш-плагинов, необходимых для ускорения работы вашего сайта на основе WordPress


Оглавление (нажмите, чтобы открыть):

Лучшие плагины кэширования для WordPress

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

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

Что такое кэш?

Кэшем (cache) называется такое место в компьютерной памяти, где хранятся данные для будущего использования. Например, вместо того, чтобы полностью выполнять процесс по загрузке сайта из базы данных часть данных подкачивается из кэша. Когда посетитель ходит по вашему сайту, то сайт запрашивают данные из базы данных, которая хранится на хостинге. Если быть точнее, то они запрашивают изображения, Javascript и CSS вашего сайта, чтобы он был в читабельных файлах HTML и доставлялся прямо в браузер. К сожалению, этот процесс требует определенных ресурсов и занимает время. Однако нет никакой нужды в том, что пользователям сайта было нужно каждый раз запускать этот процесс. Особенно, когда речь заходит о статичном контенте вашего сайта. Например, опубликованных постах, которые навряд ли кто-то будет уже редактировать.

Именно поэтому кэширование вашего сайта необходимо, если вы хотите:

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

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

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

  • кэширование для мобильных пользователей
  • уменьшение размеров файлов и сжатие GZIP
  • настройка расписания очистки кэша
  • поддержка HTTPS/SSL

Лучшие плагины для кэширования WordPress

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

WP Super Cache

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

Особенности WP Super Cache

  • поддержка CDN
  • кастомные хуки
  • управляйте удалением кэша и расписаниями рекэширования
  • опции Mod_Rewrite, PHP, и Legacy Caching
  • увеличьте также скорость загрузки других плагинов

W3 Total Cache

W3 Total Cache прямой конкурент ранее упомянутого плагина. Созданный как для улучшения поисковой оптимизации (SEO), так и пользовательского опыта, этот плагин отлично себя проявляет, когда речь заходит о скорости сайта.

Особенности W3 Total Cache

  • поддержка CDN
  • широкий выбор настроек для кастомного кэширования
  • встроенные фичи безопасности

WP Rocket

WP Rocket относится к разряду премиальных плагинов для кэширования. Это простой плагин без каких-либо надстроек, его достаточно просто активировать, чтобы пошел процесс кэширования, но в нем есть масса фич, которые улучшат ваш сайт в самых разных вопросах. Например, премиальной поддержкой, легкой интеграцией с CloudFlare и CDN, и даже используйте этот плагин на мультисайтной (multisite) установке WordPress.

Особенности WP Rocket

  • поддержка CDN
  • широкий выбор настроек для кастомного кэширования
  • поддержка lazy load для отложенной загрузки изображений

Цена: 39 долларов

WP Fastest Cache

WP Fastest Cache позволяет вам сберечь оперативную память и мощности процессора сервера при передаче файлов вашим посетителям. Вместо этого этот плагин позволяет генерировать статичные HTML-файлы, которые хранятся в кэше для последующего использования. Утилизируйте метод Mod_Rewrite, управляйте уменьшенными CSS и JavaScript файлами и даже исключайте определенные страницы и пользовательских агентов.

Особенности WP Fastest Cache

  • автоматическое удаление кэша на странице или в посте
  • поддержка CDN

Comet Cache

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

Особенности Comet Cache

  • кэширование 404-редиректов для уменьшения влияния
  • кэширование RSS, RDF и Atom Feed

Hyper Cache

Hyper Cache это последний в сегодняшнем списке плагинов кэширования WordPress. Он работает как на низкобюджетных (shared) серверах, так и на самых крутых выделенных серверах. Он написан на PHP, работает с любым WordPress блогом и не требует настроек. В дополнение ко всему перечисленному у него имеется двойной кэш для десктопа и мобильной версий сайта. Он также управляет сжатием GZIP.

Особенности Hyper Cache

  • поддержка CDN
  • интеграция bbPress для форумного кэширования
  • исключает папку кэша из бэкапов сайта

В качестве резюме

Если вложить немного времени в улучшение скорости работы своего WordPress-сайта, то можно пожать очень сочные плоды. Вообще, если по чесноку, то установка кэширующего WordPress плагина это то, что должен делать КАЖДЫЙ владелец сайта. Если вы ищите хороший способ улучшить результаты поисковой выдачи, удержать посетителей на своем сайте чуточку подольше и сделать так, чтобы сайт работал и загружался быстрее, то обязательно испробуйте кэширующий плагин и посмотрите на результаты. Уверены, они вас приятно удивят.

Наша специальность — разработка и поддержка сайтов на WordPress. Контакты для бесплатной консультации — [email protected] , +371 29394520

Быстрее, выше, сильнее! LiteSpeed Cache Plugin для вашего сайта на WordPress

LiteSpeed Cache для WordPress (LSCWP) – бесплатный полноценный плагин акселератор вашего сайта на WordPress. Плагин использует продвинутые инструменты управления кэшем и функции оптимизации. Этот плагин единственный плагин кэширования, который вам необходим. Он включает в себя самые современные технологии, разработанные для улучшенной производительности сайта, поддерживает мультисайтовость WordPress и совместим с большинством популярных плагинов, в том числе WooCommerce, bbPress, Yoast SEO.

Почему стоит использовать именно этот плагин на вашем сайте? Ниже мы укажем основные причины

Кэш всей страницы со стороны сервера

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

Приватный кэш

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

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

  • Уменьшение размера изображения для улучшения времени загрузки страницы.
  • Облегчает использование WebP формата для меньшего размера файла.
  • Есть возможность вернуть оригинальный формат отдельных изображений при необходимости.

Минимизация CSS/JavaScript/HTML

  • Удаление всех ненужных пробелов, символов новой строки и комментариев из кода CSS/JS/HTML.
  • Конфигурируется раздельно. Позволяет минимизировать только те функции, что требуются вам.
  • Сжимает размер исходного кода и делает его более эффективным для передачи по сети.

Комбинирование CSS и JavaScrtipt

  • Объединяет несколько JavaScript и CSS файлов в один.
  • Конфигурируется раздельно. Позволяет объединять только те функции, которые вам нужны.
  • Уменьшает число запросов, сделанных браузером, и потенциально удаляет дублированный код.
  • Оба этих фактора улучшают скорость работы вашего сайта.

Поддержка CDN (Content Delivery Network)

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

Поддержка кэша браузера

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

Отложенная загрузка изображений

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

Оптимизация Базы данных

  • Ускоряет запросы к базе данных, сохраняет базу данных оптимальной и эффективной на сколько это возможно.

Производительность

Как установить данный плагин на хостинге?

На данный момент мы предоставляем такую возможность на тарифных планах Premium.

С 01.10.2020 плагин LSCache доступен всем клиентам на тарифах с панелью IHC и cPanel.

Установить данный плагин очень просто. Вам нужно зайти в административную часть вашего сайта (https://yoursite.ru/wp-admin). Зайти в раздел «Плагины» и нажать на кнопку «Добавить новый».

В строке поиска написать LiteSpeed и установить плагин из списка, нажав на кнопку «Установить».


Через несколько секунд плагин будет установлен, а кнопка «Установить» изменится на кнопку «Активировать». Вам нужно активировать плагин, нажав на эту кнопку.

После активации вы сможете заняться настройкой плагина LiteSpeed Cache используя соответствующее меню слева.

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

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

Быстрее, выше, сильнее! LiteSpeed Cache Plugin для вашего сайта на WordPress : 15 комментариев

Ага, повёлся на ваше письмо с рекламой.
Перевел все с рокета на лвйтсмид и четвёртый день перегруз сервера. Спасибо!

Ставил версию для joomla, работает превосходно.

Hyper Cahe 2 — быстрее

Плагин хороший.
Жаль, что не получилось вкусить все его прелести, ведь он работает только на ваших тарифах Premium.

Повелся на рекламе в своем хостинге. После оптимизации скорость загрузки на смартфонах по анализу гугла упала на 6 пунктов из ста

А чем пользовался до этого?

А на DLE не подойдет?

И где указанный в рассылке плагин для Джумла?

а где скачать и найти для джумы?

Плагин классный, но в нём столько настроек, что разберётся далеко не каждый.
Для новичков лучше подойдут Cache Enabler и WP Fastest Cache.

Что за сайт я не понел ответе кто не буд пожалуйста пишите либо в почту abubakrjonizoirov@gmail.com

Попробовал, но перешел обратно на WP Fastest Cache.

А статическую страницу можно сделать?
Вижу только CSS, CCSS и JS…

А на мод иксе что делать? Кэширование через htacess если? оно не будет так работать?

Ускорение работы сайта на WordPress

Для Google, Яндекса и других поисковых систем скорость загрузки сайта является важным фактором ранжирования. Рассмотрим ускорение загрузки и работы сайта на CMS WordPress. Результаты работы можно увидеть в конце поста.

Цель: Ускорить загрузку и работу сайта на CMS WordPress плагинами (без правки кода).

Шаг 1. Анализ текущей ситуации со скоростью загрузки.

Ускорение этого блога я делал еще в феврале 2015 года, поэтому скриншота прошлого состояния не сохранилось. По памяти помню, что сервис PageSpeed Insights показывал скорость загрузки 50/55 для мобильных/ПК. Состояние было плачевное и я задумался про ускорение.

Проанализируйте свой сайт на WordPress с помощью сервиса Google PageSpeed Insights и если результат загрузки сайта меньше 85 — читайте дальше.

Шаг 2. Устанавливаем плагины для ускорения.

WP Fastest Cache

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

Зайдите в админке сайта на WP в «Плагины» -> «Добавить новый». Впишите название плагина, нажмите «Поиск». Первый плагин с изображением животного кошачьего типа — наш плагин. Устанавливаем.

EWWW Image Optimizer

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

Зайдите в админке сайта на WP в «Плагины» -> «Добавить новый». Впишите название плагина, нажмите «Поиск». Первый плагин с изображением молотка, который бьет по картинкам — наш плагин. Устанавливаем.

Шаг 3. Настройка ускорения сайта на WordPress

Настроим кеширование и минимизацию css, js файлов. В панели администратора новым пунктом меню у вас появился WP Fastest Cache. Зайдите по ссылке, внизу вы увидите поле language, установите русский язык. Установите галочки во всех пунктах, как на скриншоте ниже. В другие вкладки плагина можете не заходить — там платные функции, за которые вам вряд ли захочется отдавать деньги.

После этого сожмём картинки на сайте. В панели админки WP наведите на медиафайлы, выберите пункт «Оптимизировать». В выбранном окне воспользуйтесь двумя функциями — оптимизацией картинок из библиотеки и оптимизация других картинок (шаблона, движка и т.д.). Этими действиями вы сжимаете уже существующие изображения на сайте, загружаемые после установки плагина картинки будут сжиматься автоматически при загрузке на сервер.

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

Шаг 4. Результаты ускорения сайта.

Результаты шикарные. С 50 сразу стало 81 (опять-таки, по памяти). Почитав рекомендации Гугла нашел множество проблем загрузки, связанной с плагином, который предназначен для красивого вывода программного кода на блоге. После того, как я его снес — это значение поднялось до 91! Вот, что показала Яндекс Метрика — отчет по загрузке страниц:

По скриншоту четко видно, что скорость загрузки страниц снизилась с 1 секунды от 0.1. Отмечу, что улучшились позиции в Google и даже в Яндексе, уменьшилось число отказов (некоторые люди, особенно с мобильным интернетом, не желают долго ждать и покидают сайт, если после перехода на сайт он сразу не начинает загружаться).

Дополнительно

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

Это заметно снижает скорость загрузки и отношение Google к сайту. Простой пример — в моем блоге на главной вы увидите над лентой последних постов текст и небольшое фото. Если бы я поставил в атрибут src тега img ссылку на изображение оригинал разрешением

1000×2000 и вывел картинку 100×100, серверу пришлось бы загружать изображение 1000×2000, браузер сжал бы ее до нужных размеров, которые я прописал в стилях отображения, но реально-то загружался оригинал. Поэтому я не поленился отресайзить её в Photoshop и только после этого использовать в шаблоне. Загружайте изображения ровно в таком разрешении, в котором хотите её отобразить.

Меньше графики — быстрее сайт.

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

Меньше плагинов — меньше запросов к базе данных.

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

Если у вас возникли проблемы с ускорением сайта на WordPress или возникли вопросы по теме — пишите в комментарии или на почту через форму слева — постараюсь помочь.

Кэширование страниц сайта на WordPress с помощью WP Super Cache

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

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

Что такое кэширование?

Как вы наверняка знаете, при загрузке страниц сайта браузер считывает все данные с сервера. Он последовательно прогружает html, css, js-файлы, формируя привычные для нас страницы.

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

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

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

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

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

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

Установить кэширование на ресурс с ВП можно несколькими способами:

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

Последний вариант мы и рассмотрим в сегодняшней статье. Если быть более точным, то речь пойдет о плагине WP Super Cache. Абсолютно бесплатное расширение, которое легко может быть установлено прямо из админки.

После установки модуля кэширования на сайт с WordPress скорость загрузки страниц может возрасти в 3 – 7 раз. Зависит это от нескольких факторов: “веса” шаблона, количества других плагинов, их веса, параметров хостинга и т. д.

Установка

Автоматическая установка

Установить WP Super Cache можно прямо из панели управления ВП. Переходим в “Плагины” – “Добавить новый”. Откроется каталог расширений, где в поле “Поиск” вводим название нашего плагина.

Можно также попытаться найти его во вкладках “Популярные” или “Рекомендуемые”. Как правило, такие полезные модули представлены там одними из первых.

Кликаем на кнопку “Установить” и далее на “Активировать”. Все, готово! Плагин установлен, и теперь мы можем переходить к настройке.

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

Ручная установка

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

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

Теперь мы должны распаковать архив в папку /wp-content/plugins/. Это можно сделать как с помощью файлового менеджера на хостинге / операционной системе, так и воспользовавшись FTP-клиентом.

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

При работе с локальной машиной или выделенным сервером возможны проблемы с правами на файлы и каталоги. WP Super Cache не сможет записывать кэш. В этом случае вы должны будете самостоятельно выставить все параметры доступа. Это можно сделать с помощью инструментов внутри операционной системы (того же Linux) или FileZilla.

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

Настройка

Теперь мы разберемся с вопросом, как правильно настроить WP Super Cache. Мы можем воспроизвести два варианта: быструю настройку и тонкую.

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

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

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

Быстрая настройка

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

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

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

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

Тонкая настройка

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

Метод доставки кэша

Итак, первое, что мы увидим на этой странице – метод доставки кэша. У нас есть два варианта: простой и эксперт. Первый рекомендован самими авторами плагина и подойдет для большинства хостингов. “Эксперт” может потребовать дополнительных манипуляций с хостингом и самим сайтом.

Давайте более подробно рассмотрим каждый из них:

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

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

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

На сервере должен быть установлен Apache и вместе с ним включены следующие модули: mod_rewrite, mod_mime, mod_headers и mod_expires.

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

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

Разное

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

  • Не кэшировать для известных пользователей: рекомендованная опция, которую желательно включить. Например, если вы забудете ее включить и решите настроить что-то на своем сайте, то из-за кэша вы не сразу увидите изменения. Каждый раз придется заходить в настройки WP Super Cache и вручную удалять кэш.
  • Не кэшировать страницы с GET: позволяет отключить запись в кэш страницы с UTM-метками и параметрами GET. Как правило, эта функция не используется вебмастерами. Нужна только при определенных обстоятельствах, которые нас пока что не сильно-то интересуют.
  • Сжимать файлы кэша: дополнительное сжатие файлов при помощи gzip. На обычных хостингах вряд ли будет работать, потому что там чаще всего используются нестандартные версии Nginx или Apache. Возможность включения gzip-сжатия уточняйте в технической поддержке вашего хостинга.
  • Кэш HTTP заголовков: при включении этой опции вместо одного файла будет создаваться два – в формате PHP. В один будут записаны все заголовки (тайтлы), в другой – содержимое. В большинстве случаев эта функция не нужна. Все тайтлы регулируются самим сервером.
  • Автоперестройка кэша: оставляем функцию включенной, т. к. это позволит повысить скорость загрузки. Плюс не будет проблем с дополнительной нагрузкой на сам хост.
  • Ошибка 304: еще один рекомендованный параметр, который надо включить. Теперь при повторном визите одного конкретного пользователя по неправильному адресу страница с ошибкой 304 будет подгружаться из кэша, лишая необходимости заново генерировать ее. Снимает нагрузку с сервера.
  • Считать известных пользователей анонимными: спорная функция. Все пользователи, которые известны вашему ресурсу (комментаторы, авторизованные и т. д.) будут получать кэш наравне с анонимами. При включении может возникнуть ряд неприятных ошибок, которые приведут к проблемам с отображением у этих самых “известных” пользователей. В большинстве случаев в этой опции нет нужды. Оставляем выключенной.
  • Гордо заявить миру, что сайт выдержит любую нагрузку: копирайт авторов плагина. Размещается в футере с обратной ссылкой на разработчиков. Включить или оставить все как есть – решайте сами. Но я бы не пихал лишние копирайты в футер, тем более что с большинством шаблонов это может конфликтовать.

Расширенные

Расширенные параметры, с помощью которых осуществляется тонкая настройка для каких-то нестандартных типов данных (например, динамических), мобильных устройств.

Что входит в расширенные параметры:

  • Включить динамическое кэширование: подойдет для страниц с динамическим содержимым. Также будет полезно, если вы постоянно правите настройки или код шаблона. Отключаем, т. к. для обычных блогов и сайтов в нем нет никакой нужды.
  • Поддержка мобильных устройств: включаем, только если на проекте используется своя отдельная мобильная тема. Она создается либо с помощью функционала шаблона, либо с помощью плагинов. Однако спешу заметить, что по большей части эта функция не используется.
  • Убрать поддержку UTF-8 из файла .htaccess: опять же отключаем. Опция нужна только в том случае, если в htaccess отображаются некорректные символы.
  • Очистить все файлы кэша при публикации или обновлении: удобная функция. Когда вы постоянно редактируете записи или страницы, автоматическое очищение кэша может лишить вас необходимости делать это вручную.
  • Дополнительная сверка кэша: отключаем опцию, т. к. она может нарушить работу вашего ресурса. В обычных условиях в ней нет никакого смысла.
  • Обновлять страницу при добавлении нового комментария: в обычных условиях некоторые пользователи не будут видеть новых комментариев. Эта функция позволит вам избежать таких проблем. Теперь при добавлении нового комментария кэш страницы будет обновляться.
  • Создать список страниц в кэше: абсолютно ненужная функция. Посмотреть список можно в разделе “Состояние кэша”.
  • Жесткая блокировка файлов: не особо полезная настройка, которая будет актуальна только для очень слабых хостингов. Отключаем.
  • Поздняя инициализация: параметр, который будет полезен разработчикам. Для обычных пользователей будет создавать дополнительные проблемы. Отключаем.
  • Секретный ключ: нужен для просмотра страницы в обход кэша. Работает это так: https://сайт.ру/?donotcachepage=ВАШКЛЮЧ.

Расположение кэша

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

Мастер Йода рекомендует:  Как создать супер-лайтбокс с помощью CSS и Javascript

Сам плагин обычно создает дополнительную папку – cache, которая в дальнейшем и будет использоваться.

Просроченные страницы и очистка мусора


Задаем время жизни кэша. То есть если таймаут будет составлять 1 800 секунд, то это значит, что каждые полчаса файлы будут генерироваться заново – кэш будет обновляться. Рекомендуемое значение – 1 час. Но вы можете установить значение самостоятельно, исходя из мощности вашего сервера. Чем мощнее сервер, тем меньше время жизни.

Здесь же настраивается планировщик – инструмент, который осуществляет удаление просроченных файлов. Как правило, таймер планировщика составляет ⅓ от жизни кэша. Но вы можете изменить это значение по своему желанию.

Также вы можете задать электронные адреса, на которые будут приходить уведомления о запуске планировщика.

Допустимые типы записей и адреса

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

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

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

Последняя опция отвечает за прямое добавление страниц в кэш. Просто вставьте ссылку в поле, после чего нажмите на “Отправить”.

Заключение

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

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

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

Если вы хотите самостоятельно разобраться с WP Super Cache, да и вообще с созданием сайтов на WordPress, я рекомендую вам курс Василия Блинова “Как создать блог”. В нем будут рассмотрены все основные аспекты разработки собственного проекта для заработка, его оптимизации и дальнейших перспектив. Опытные вебмастера зарабатывают от 100 до 500 тысяч рублей в месяц. Чем вы хуже? Скорее переходите по ссылке, чтобы узнать все подробности.

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

Доброго здравия, друзья!

Лето, жара. Я понимаю что не всем охота что-то читать. Хочется просто поваляться на берегу речки или моря. Но я все же продолжу писать новые статьи в свой блог.

Сегодня я бы опять хотел затронуть тему “как ускорить работу сайта WordPress” простыми способами. Кому интересно – прочитает сразу, ну а отдыхающие – когда отдохнут))). Поехали!

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

Диапазон настройки для сайта WordPress огромен, но при настройке необходимо соблюдать осторожность. Я бы не хотел, чтобы созданные мной сайты работали медленно.

Скорость загрузки сайта и отзывчивость влияют на пользовательский опыт, а также влияет на рейтинг СЕО.

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

Алгоритмы Google уже разработаны для обнаружения медленных сайтов, поэтому они могут понизить ваш рейтинг СЕО.

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

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

Способы эффективного ускорения работы сайта WordPress:

1. Мудро выбирайте хостинг-провайдера

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

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

Лучше использовать VPS-хостинг (например, TimeWeb, Shneider-Host и т. д.) Или управляемый хостинг WordPress.

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

2. Используйте тему/структуру, которая делает меньше нагрузки на сайт

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

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

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

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

Уже доступно много простых тем, которые, по-видимому, влияют на скорость сайта до минимума. Темы, такие как Genesis (от Studiopress) или Thesis (от DIYthemes), используют простые фреймворки, которые поддерживают отличный внешний вид, и в то же время поддерживают хорошую скорость веб-сайта.

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

3. Кэширование полезно

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

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

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

Есть несколько плагинов кеша, которые помогают с этой целью. WP Fastest Cache (от Emre Vona) или W3 Total Cache (от Frederick Townes) – это два плагина, которые я рекомендую для этих целей (но сам я пользуюсь WP Fastest Cache).

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

4. Сократить JavaScript и CSS, и включить сжатие gZip

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

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

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

Сокращение сократит объем загружаемого с сервера кода и уменьшит количество HTTP-запросов, что сделает сайт быстрее.

Теперь всегда рекомендуется минимизировать вручную, но есть некоторые плагины, которые могут помочь с этим. Fast Velocity Minify (Raul Peixoto) или Autoptimize (Frank Goossens) – два из немногих плагинов, которые вы можете использовать.

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

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

Сжатие gZip лучше всего делать вручную с вашего сервера, но если вы не испытываете оптимизма при работе с кодами, вы можете установить плагины, такие как Enable Gzip Compression (от Moki-Moki Ios). Еще раз, не забудьте сохранить резервную копию вашего сайта.

5. Оптимизируйте свою базу данных WordPress

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

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

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

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

Я буду рекомендовать WP-Optimize (Дэвид Андерсон, Рухани Рабин, Team Updraft) или Advanced Database Cleaner (Юнес JFR.). Эти плагины точны и работают отлично.

6. Переработайте изображения, чтобы уменьшить размер, но сохранить качество

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

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

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

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

Лучше всего делать редактирование изображений с помощью Photoshop или Illustrator. В этом случае нет шансов потерять качество изображения, и в то же время можно контролировать размер файла.

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

Вы также можете выбрать некоторые плагины, чтобы помочь вам. Доступны плагины, которые обрабатывают изображения меньшего размера, но сохраняют хорошее качество. Это занимает меньше времени, но опять же, иногда это влияет на качество изображения. Я бы рекомендовал плагины Smush (от WPMU DEV) или EWWW Image Optimizer (от Shane Bishop), которые помогут в этом случае.

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

Внесение этих изменений в значительной степени ускорит работу сайта на WordPress.

7. Реализация отложенной (ленивой) загрузки

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

Lazy Loader (от Florian Brinkmann, MarcDK) можно использовать как для изображений, так и для видео, или, если у вас нет видео, вы можете попробовать использовать BJ Lazy Load (Bjørn Johansen, Aron Tornberg, angrycreative), который отлично подходит для реализации отложенной загрузки на изображений (но он уже более двух лет не обновлялся).

8. Используйте CDN

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

Это означает, что CDN определяет местоположение пользователя и доставляет ресурсы сайта (такие как статические файлы CSS и JavaScript, изображения, видео и т. д.) через серверы, которые находятся рядом с пользователем.

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

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

Связывание CDN означает, что статические ресурсы будут загружаться быстрее на стороне пользователя, и будет отправлено меньше HTTP-запросов. Плюс меньшая нагрузка на сервер, является ли трафик высоким или низким.

Сервисы CDN, такие как MaxCDN (от StackPath) или Cloudflare, довольно популярны. Есть и другие замечательные CDN. Я рекомендую вам связать CDN с вашим сайтом, если вы хотите, чтобы ваш сайт работал быстрее.

9. Запрет горячих ссылок на изображения вашего сайта

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

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

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

Тем не менее, если вы заметили, что ваш сайт работает слишком медленно, вы можете предпринять шаги, чтобы предотвратить хотлинкинг (горячие ссылки).

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

Но если вы обеспокоены риском, вы можете использовать защитные плагины. Некоторые из них обеспечивают защиту от горячих ссылок, таких как All In One WP Security & Firewall (от Tips and Tricks HQ). Но вы также должны понимать, что некоторые защитные плагины могут замедлить ваш сайт. Так что попробуйте и проведите тестирование скорости веб-сайта, чтобы увидеть, есть ли улучшение или нет.

10. Используйте только необходимые плагины

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

Это просто не обязательно. Чем больше плагинов, тем больше накладных расходов, а значит, больше нагрузки на сервер.

Кроме того, старайтесь не запускать слишком много плагинов за раз при разработке вашего сайта. Это сильно замедляет ваш сайт.

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

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

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

В заключение

Это лишь несколько простых шагов, которые вы можете предпринять, чтобы попытаться ускорить работу сайта WordPress. Но есть много более сложных действий, которые вы можете найти, чтобы ускорить ваши сайты. Я рекомендую вам сначала попробовать эти 10 шагов, и ваш сайт уже должен быть очень быстрым.

Держите ваш сайт быстрым в загрузке, и он привлечет внимание большего количества посетителей, и, следовательно, вести хорошие записи по ранжированию СЕО.

А у меня на сегодня все – до скорых встреч!

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

Давным-давно, в далекой галактике в 2015 году вышел пост на Хабре про лучшие кэширующие плагины. В нем победил премиальный плагин WP Rocket. При этом, судя по графикам он был в два раза быстрее, занявшего второе место Wp Super Cache!

У меня закралось сомнение, как плагины, которые делают одно и тоже, могут так значительно расходится в скорости загрузки страницы?

Стопудово, пост проплачен — подумал я (оценочное суждение) и закрыл сайт.

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

Благо, через 3 года я созрел, и сейчас, полон решимости дойти до конца…

Я постараюсь описать некоторые аспекты подробнее и более понятно для начинающего вебмастера, так как навряд ли этот пост будут читать Илоны Маски.

На всякий, напомню, на что влияет скорость загрузки сайта:

  • на ранжирование в поиске (так сказал Google и Яндекс)
  • на конверсию (доказано, есть статистические данные)

Возможно еще на что-то, в принципе — не важно, ведь это основополагающие факторы.

Что такое кэширование и как оно осуществляется с помощью плагинов?

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

Все кэширующие плагины, просто сохраняют страницу (код, картинки, текст) и кладут в папочку на сервере (хостинге).

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


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

  • Скорость интернета (как на отдачу с сервера, так и на прием посетителем).
  • Скорость жестких дисков — проблем не должно быть, если у вас SSD диски.
  • Сетевые задержки — для их уменьшения, можно использовать протокол http/2.

Так как WP Rocket мог оказаться в два раза быстрее Wp Super Cache? В два раза быстрее, Карл!

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

Но даже если все решила минификация и Lazy Load, то второе место занял бы какой-нибудь Wp Fastest Cache.

Все остальное (кроме страничного кэширования), может ускорить общую загрузку сайта на 5-7% и то, при условии, что код сайта не оптимизирован.

Могут быть исключения, если все утыкано изображениями и видео, Lazy Load в этом случае может быть очень полезен. Сейчас во всем разберемся.

Использование Redis или Memcached

Нынче, в кэширующих плагинах стало модно использовать Redis или Memcached (например в плагине W3 total cache). Если простыми словами, то это инструменты, которые позволяют хранить данные не на жестком диске, а в оперативной памяти.

То есть, сохраненные странички, можно складировать не на SSD диск, а в оперативку.

В среднем, SSD способны передавать данные со скоростью около 300-500 Мб/сек,. Конечно есть и более быстрые модели, но они стоят значительно дороже и навряд ли хостинг, который продает услугу за

120 рублей будет их использовать.

В оперативной памяти, даже если взять устаревшую модель DDR2, в зависимости от частоты, мы получим скорость передачи от 3.2 ГБ до 9.6 ГБ в секунду!

И поэтому бытует мнение, что страничное кэширование с помощью Redis или Memcached значительно ускоряет сайт. Конечно же это неправда и вот почему:

    Во-первых. SSD диски имеют время отклика

0.1 мс, что вообще не влияет на скорость, так как это слишком низкий показатель. Да, оперативка еще быстрее, но какая дальше разница?
Во-вторых. Все забывают, что в среднем, у большинства хостингов интернет со скоростью отдачи в 100 мбит/c, что является

10 мегабайтами переданной информации в секунду!

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

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

Второстепенное кэширование (объектное, баз данных, граватар).

Все эти функции имеются в некоторых плагинах. Вкратце, разберемся что это такое:

1) Объектное кэширование (object cache)

Когда WordPress (WP) обращается к базе данных (БД), WP может вызывать функцию get_option сотни раз, всего за 1 запрос. По умолчанию WP сам кэширует результат вызова функции, но только в момент запроса.

Плагины позволяют сохранять результаты вызовов функций и для последующих запросов.

2) Кэширование баз данных

Сохраняется результат запросов к БД, как правило не все, игнорируются которые могут нарушить работу сайта (известные авторам плагина). Например, у меня при использовании W3 Total Cache, кэшировалось всего 12-20 запросов из 100.

3) Кэширование граватар (gravatar)

Даже если комментариев много, обычно, они не отображаются все одновременно. Используются технологии Lazy Load или просто загрузка по клику (показать еще). Поэтому необходимость данного вида кэширования под вопросом.

Использование кэша (объектного и баз данных) может привести к перегрузке процессора и тогда вы получите замедление, а не ускорение.

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

Минификация и объединение JS, CSS, HTML + Критический CSS (Critical CSS).

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

Принцип прост, плагин берет все файлы JS и CSS и удаляет в них лишние пробелы и комментарии.

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

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

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

Если подобный функционал полностью или частично отсутствует, можно использовать Autoptimize.

Дополнительные функции: Lazy Load, CDN

Lazy Load — загружает картинки и видео по факту прокрутки экрана, а не заранее. Если на странице их много, это может значительно ускорить загрузку страницы.

CDN — Позволяет загружать сайт быстрее в далеких от сервера (хостинга) странах. Файлы сайта частично или полностью копируются на сервер страны. Услуга платная, подключается отдельно.

Ну вот и все основные функции, настало время перейти к самому интересному!

Тестирование кэширующих плагинов.

Были выбраны 12 самых популярных и не очень плагинов. Все они поддерживаются разработчиками и получают регулярные обновления, на момент написания статьи, вот они:

  • W3 Total Cache
  • WP Super Cache
  • WP Rocket
  • WP Fastest Cache
  • Hummingbird Page Speed Optimization
  • Cache Enabler
  • Gator Cache
  • Hyper Cache
  • LiteSpeed Cache
  • Breeze
  • Powered Cache
  • WP Speed of Light

Как будет проходить тест?

Был приобретен тестовый период на VPS (2-ух ядерный процессор, 2 ГБ оперативной памяти) у хостинга Fozzy.

Конфигурация сервера:

Apache (FastCGI) + PHP 7.0 + Zend Opcache + MySQL 5.6.39

  • За основу была взята тема Newspaper, скопирован объемный пост в 20к символов, с небольшим количеством картинок.
  • Установлено 10 плагинов, дабы создать большую нагрузку.
  • Добавлено 10 комментариев с разных email (дабы кэширования gravatar могло работать).

Тестироваться будет только основное и второстепенное кэширование плагинов. Не будут использоваться различные функции (Lazy Load, минификация и т.д), которые не относятся к кэшированию напрямую.

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

Скорость загрузки сайта будет измеряться:

  • Pingdom Tools — сервис который позволит измерить время загрузки сайта. Всего будет проведено 10 тестов с выводом среднего времени.
  • PageSpeed Insights — сервис от Google, который рассказывает, что необходимо сделать, чтобы сайт загружался быстрее и дает оценку текущему состоянию.

Результаты тестирования кэширующих плагинов

Pingdom Tools PageSpeed Insights
Плагин Ср. время (с.) Моб. Десктоп Ускорение
Без кэша 3,12 39 60 0,00%
W3 Total Cache 1,40 74 68 122,70%
W3 Total Cache (redis) 1,39 74 68 124,30%
Wp Super Cache 1,36 74 68 129,62%
Wp Rocket 1,33 74 68 134,42%
WP Fastest Cache 1,40 74 68 122,70%
Hummingbird Page Speed Optimization 1,34 74 68 131,90%
Cache Enabler 1,42 74 68 119,39%
Gator Cache 1,40 74 68 122,70%
Hyper Cache 1,41 74 68 121,12%
LiteSpeed Cache 1,35 74 68 130,95%
Breeze 1,39 74 68 123,76%
Powered Cache 1,40 74 68 122,70%
WP Speed of Light 1,41 74 68 121,12%

Очевидно, что при замере присутствует погрешность: не смотря на то, что она минимизировалась путем проведения 10 проверок.

Тем не менее, лучше всех оказался Wp Rocket, но на сколько?

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

Даже если представить, что это результат без погрешности (а он с погрешностью), это совершенно не существенный аспект из-за которого стоит делать выбор в пользу того или иного плагина.

Это примерно 6% разницы, а если взять остальные плагины, то результат практически не отличается от лидера.

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

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

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

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

Также хотелось поговорить про W3 Total Cache, у него были включены все виды второстепенного кэширвания, также я провел отдельный тест где, все это дело «запихивалось» в Redis (оперативную память).

Но это так и не помогло ему занять лидирующие позиции, что говорит о низкой эффективности, всего прочего, кроме страничного кэширования. Наверное могут быть исключения, например тысячи запросов к БД, возможно тут W3 Total Cache, смог бы проявить себя гораздо лучше.

Заключение:

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

Ускорение WordPress — 18 советов по оптимизации сайта

WordPress – отличная CMS для сайта, но она довольно медленная из коробки, если ее не оптимизировать правильно. В этом руководстве, составленном KeyCDN, мы рассмотрим основные способы оптимизации и ускорения сайта на WordPress.

WordPress также одна из самых популярных CMS для сайтов компаний. Более половины сайтов, на которых можно определить систему управления контентом, работают на WordPress. А это более чем 74 миллиона сайтов.

По данным W3Techs, WordPress используется на 60% сайтов с известной CMS. Это 31,6% всех сайтов в мире.

Инструменты для измерения скорости сайта

Один из самых важных инструментов при работе над оптимизацией скорости сайта — тестировщики скорости загрузки (page speed tool). Мы рекомендуем проводить измерения перед началом работ по оптимизации, и в процессе, после каждого внесенного изменения. Это даст лучшее понимание, изменения каких параметров оказывают положительное или отрицательное влияние на производительность.

Есть много инструментов для проверки скорости загрузки сайта, среди которых KeyCDN, который предлагает тесты из 16 точек по всему миру.

Важность скорости работы сайта в 2020 году

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

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

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

Сервис Google Impact calculator позволяет оценить примерный уровень роста годового оборота в зависимости от скорости загрузки сайта.

Например, если вы ускорите загрузку сайта с 2,2 секунд до 1,4 секунд, при трафике 200 000 уников в месяц, среднем чеке $50 и конверсии 3%, вы можете получить дополнительно $146 000 годового дохода.

Техники ускорения WordPress, актуальные в 2020 году

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

1.Выбор качественной темы/фреймворка

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

Нужно очень тщательно выбирать темы для покупки на маркетплейсах типа ThemeForest или Creative Market. Большинство тем там сделано довольно некачественно, потому что разработчики гонятся за универсальностью и пихают в тему все подряд. Это дает им больше продаж, но темы в итоге выходят тяжелыми и медленными. Зато с красивым интерфейсом покраски кнопок из админки. На таких площадках важнее найти адекватных разработчиков, и пользоваться их темами. Например, Total WordPress theme от ребят из WPExplorer неплохая тема. Имея довольно богатый функционал, сайт на ней, наполненный контентом, загружается в пределах 800 мс.

Фреймворки Thesis Theme framework и Genesis тоже имеют хорошую репутацию, благодаря своей скорости и качеству кода.

2. Настройка кэширования WordPress

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

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

Плагины кэширования WordPress

Для кэширования сайта на WordPress чаще всего используются следующие плагины:

  • Cache Enabler
  • W3 Total Cache
  • WP Super Cache
  • WP Rocket

Кэширование в браузере – включаем Expire Headers в WordPress

Усилить эффект браузерного кэширования ресурсов можно с помощью технологии leverage browser caching, добавив заголовки expire. Они говорят браузеру, загружать конкретные файлы с сервера или взять их из кэша браузера. Это позволит уменьшить количество запросов к серверу. Некоторые кэширующие плагины WordPress позволяют включить expire headers в настройках, но эту функцию также можно активировать, добавив следующий код в файл .htaccess .

Кэширование WordPress на сервере

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

Предзагрузка (prefetch) популярных доменов

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

Активировать прездагрузку (prefetch) в WordPress можно путем добавления следующего кода в файл header.php между тэгами и . Это неблокирующий загрузку страницы процесс, и он исполняется, когда есть возможность. Приведем некоторые примеры:

Предварительная загрузка шрифтов Google

Предварительная загрузка Google Code (jQuery)

Предварительная загрузка Google Analytics


Remove Query Strings – Удаляем строку запроса со статических ресурсов

Эта настройка может дать положительный эффект, так как окончания файлов типа ?ver=4.7 могут привести к проблемам с кэшированием статики, особенно при использовании прокси и CDN. Удалить Query Strings в WordPress можно несколькими способами.

  • Внести следующие изменения в файл functions.php – вставить функцию, которая удалит query strings.
  • Если вы используете кэширующий плагин типа W3 Total Cache, для удаления query strings в нем может быть соответствующая настройка.
  • Существуют специальные плагины для WordPress, основная функция которых заключается в удалении query strings, такие как Query Strings Remover и Remove Query Strings From Static Resources.
Мастер Йода рекомендует:  Как создать интернет-магазин и заработать на этом

3. Подключение CDN (Content Delivery Network)

Использование CDN может принести пользу любому сайту, независимо от его размера и количества посетителей. Content Delivery Network загружает статические файлы вашего сайта (CSS, Javascript, изображения) с ближайшего к пользователю сервера, снижая время загрузки сайта. Кроме скорости, использование CDN положительным образом влияет на пользовательский опыт посетителей сайта, снижает показатель отказов, увеличивает время, проведенное на сайте, конверсию и даже SEO.

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

Загружайте через CDN все, что можно

Убедитесь, что вы грузите с CDN максимально возможное количество файлов, даже самые мелкие, типа фавиконки.

На примере ниже можно видеть, как 100% статики грузятся с CDN

Граватары также можно грузить с CDN.

4. Оптимизация базы данных WordPress

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

Отключение и лимит ревизий постов WordPress

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

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

Отключение редакций постов WordPress

Для того, чтобы отключить создание редакций записей в WordPress, достаточно добавить следующий код в файл wp-config.php . Он изменит интервал автосохранения записей с 60 секунд до 5 минут и отключит создание ревизий. По умолчанию останется только одна предыдущая редакция записи.

Если вы не хотите ковыряться в коде, можно сделать то же самое с помощью бесплатного плагина Disable Post Revision.

Ограничение количества редакций записей в WordPress

Для того, чтобы ограничить количество редакций записей в WordPress, достаточно добавить следующий код в файл wp-config.php . Он изменит интервал автосохранения записей с 60 секунд до 5 минут и установит количество сохраняемых редакций до трех. Можно задать количество ревизий любым числом.

Удаление старых редакций записей из базы данных WordPress

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

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

Следите за ограничением на 100 страниц в WordPress

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

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

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

5. Оптимизация изображений с помощью сжатия

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

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

6. Сжатие Gzip/Brotli

Gzip это еще одна технология сжатия, которая используется для сжатия страниц, стилей и скриптов на уровне сервера перед отправкой браузеру. Проверить, работает ли сжатие Gzip на сайте WordPress можно с помощью сервиса Check GZIP Compression.

GZIP позволяет сохранить от 50 до 80% трафика, тем самым значительно ускорив скорость загрузки сайта. – Check GZIP compression

Apache

Настроить сжатие на сервере Apache можно, добавив следующий код в файл .htaccess

Nginx

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

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

7. Уменьшение количества плагинов WordPress

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

Есть плагины, которые позволяют оценить степень влияния установленных плагинов на скорость работы сайта, но они устарели и не поддерживаются разработчиками. Это плагины P3 Plugin Performance Profiler и WP Performance Profiler

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

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

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

8. Оптимизация производительности веб-шрифтов

По данным исследований, в 2020 году 57% сайтов используют не стандартные шрифты, это рост на 850% по сравнению с 2011 годом. Очень важно использовать только те шрифты, которые нужны, в форматах WOFF и WOFF2. Сервисы типа Typekit base64 преобразуют шрифты во все возможные форматы, замедляя тем самым скорость загрузки сайта.

По результатам тестов, шрифты Google показывают хороший уровень производительности, потому что используют CDN для загрузки и предоставляются только в форматах WOFF. Open Sans — самый быстрый из 10 популярных шрифтов.

Важно также помнить о разнице между шрифтами Google и безопасными веб шрифтами, она может достигать 200 мс. Это преимущественно из-за скорости загрузки и дополнительных HTTP запросов к серверам Google.

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

Можно пойти еще дальше и поместить все шрифты в отдельный css файл и хранить их в localStorage. Браузерный кэш сбрасывается довольно часто, особенно на мобильных устройствах. А сохраняя файлы в localStorage, можно хранить их у пользователя постоянно. Smashing Magazine сэкономили 700 мс при загрузке страницы с помощью localStorage.

Рекомендуем использовать сервис localFont tool от Jaime Caballero. Можно перетащить свой шрифт в окно и конвертировать его в CSS и Javascript для размещения на сайте WordPress.

9. Оптимизация иконок Font Awesome

Если вы используете Font Awesome, можно ускорить их загрузку, поместив файлы на CDN. Если вы используете тему WordPress с Font Awesome, ее придется немного доработать.

Хранение Font Awesome на своей CDN уменьшит количество запросов к серверу и поисков DNS.

10. Lazy Load для изображений, видео и Disqus

Lazy loading – это технология загрузки объекта только в тот момент, когда он нужен. В случае WordPress это означает, что элемент не загружается до тех пор, пока пользователь не прокрутит страницу до него. Lazy load можно применить для любых элементов страницы, от изображений и видео, до блока комментариев Disqus.

Отложенная загрузка изображений

Для отложенной загрузки картинок на сайте WordPress можно использовать хороший бесплатный плагин BJ Lazy Load. Он заменяет все изображения, ярлыки и фреймы на странице плейсхолдерами и загружает контент по мере приближения его к границе окна при прокрутке пользователем. Это также работает и для текстовых виджетов. Если вы пользуетесь плагином WP Rocket, в нем есть настройки для включения Lazy Load.

Отложенная загрузка видео

Для отложенной загрузки видео на WordPress можно использовать бесплатный плагин Lazy Load for Videos. Он заменяет встроенное видео Youtube и Vimeo кликабельным изображением превью. Если у вас на сайте много видео, этот плагин поможет значительно улучшить скорость загрузки страниц.

Отложенная загрузка Disqus

Disqus – это очень удобная система комментирования, которая очень хорошо борется со спамом. Но стандартный плагин Disqus создает более 10 HTTP запросов, которые могут значительно замедлить загрузку страницы. Чтобы решить эту проблему, разработчик James Joel сделал плагин Disqus Conditional Load, который откладывает загрузку Disqus. Он в том числе не вредит SEO, то есть поисковые системы все равно могут индексировать комментарии.

11. Минификация и объединение CSS и Javascript файлов

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

Минификация

Минификация файлов означает удаление лишних символов из файлов HTML, Javascript, и CSS, таких как:

  • Пробелы
  • Переносы строки
  • Комментарии
  • Разделители блоков

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

Объединение (конкатенация)

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

Для минификации и конкатенации файлов в WordPress можно использовать плагины, например, WP Rocket

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

12. Уменьшение количества HTTP запросов

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

Рассмотрим несколько важных способов по уменьшению количества запросов к серверу.

Граватары

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

Есть несколько способов решения этой проблемы.

Вариант 1 — отключить граватары

Можно просто отключить все граватары пользователей, и использовать локальные аватары. Не идеальное решение, но рабочее.

Для этого нужно установить бесплатный плагин WP User Avatar. И в настройках включить опцию «Отключить Граватары и использовать только локальные аватары»

Вариант 2 – использовать Disqus

Можно использовать комментарии Disqus вместе с плагином lazy load Disqus. Кажется странным, что подключать дополнительный плагин, скрипты, делать вызов к сторонним сервисам предпочтительнее использования родного функционала. Но если сравнить скорость на записи с 5 или более комментариями, окажется, что Disqus быстрее из-за меньшего количества HTTP запросов.

Отключение Emoji

С выходом WordPress 4.2 появилась поддержка Emoji. Это привело к добавлению лишнего скрипта wp-emoji-release.min.js?ver=4.3.1 в хедере. Этот скрипт создает дополнительный HTTP-запрос, от которго нужно избавиться, если вы не собираетесь использовать Emoji.

В инструкции ниже покажем, как отключить Emoji и избавиться от лишнего HTTP запроса.

В настройках «Написание» отключите “convert emoticons”.

Вариант 1 – WordPress плагин

Установите бесплатный плагин для WordPress “Disable Emojis” by Ryan Hellyer. Этот плагин отключает функционал emoji в WordPress 4.2.

Вариант 2 – функция WordPress

Чтобы не перегружать сайт лишними плагинами, можно избавиться от emoji путем добавления в functions.php следующего кода:

Отключение скриптов на странице

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

Отключаем Embeds

С версии 4.4 в WordPress загружается новый скрипт wp-embed.min.js , который позволяет упростить вставку видео, изображений, твитов, и т.п. Например, WordPress автоматически преобразует URL в YouTube вставку и сделает превью в визуальном редакторе. Но не всем нужна подобная функция, можно просто скопировать готовый код для вставки с YouTube или Twitter. Проблема с этой функцией в том, что она загружает свой скрипт на каждой странице. Есть несколько способов избавиться от него.

Вариант 1 – WordPress плагин

Установите WordPress плагин “Disable Embeds” by Pascal Birchler. Он делает следующее:

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

Вариант 2 – функция WordPress

Можно добавить следующий код в файл functions.php, это отключит функцию вставки.

Отключаем комментарии

Независимо от того, используете вы или нет систему комментариев WordPress, скрипт comment-reply.min.js подключается на каждой странице сайта. Это не всегда оправдано, на сайте могут быть не нужны комментарии вообще или подключен Disqus. Тогда можно отключить этот ненужный скрипт.

Для этого можно добавить следующий код в файл functions.php .

13. Отключение хотлинков


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

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

14. Отключение Pingback и Trackback

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

Отключить pingback и trackback можно в настройках обсуждения. Это изменение коснется только новых записей.

15. Задание размеров изображений

Все видели похожие рекомендации при проверке скорости сайта Google Pagespeed:

Optimization suggestion: “By compressing and adjusting the size of … you can save 5.8 KB (51%).”

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

Правильным решением будет подготовка изображений нужного размера в графическом редакторе перед загрузкой на сайт. Это сэкономит ресурсы сервера и будет соответствовать рекомендациям Google Pagespeed. Еще можно загрузить на сайт изображения в разных размерах для разных устройств.

16. Решение проблемы медленной загрузки admin-ajax.php

В WordPress 3.6 бал представлен WordPress Heartbeat API, который позволил WordPress общаться с сервером и браузером. Это улучшило управление сессиями, контроль ревизий и автосохранение.

WordPress Heartbeat API использует admin-ajax.php для AJAX запросов из браузера. Это может привести к повышенной нагрузке на процессор и большому количеству вызовов PHP. Например, если оставить открытой страницу с админкой, она будет посылать POST запросы к этому файлу постоянно с заданным интервалом.

Существует бесплатный плагин Heartbeat control, который позволяет задать частоту обращений WordPress heartbeat API.

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

Таким образом можно вычислить, какой плагин выполняет запрос. В этом примере это был плагин соцсетей, для которого не было включено кэширование. Как только кэширование плагина активировали, постоянные обращения к admin-ajax.php прекратились.

17. Настройка MySQL сервера

Оптимизация работы сервера баз данных MySQL также очень важна для быстрой работы сайта на WordPress. Настройки MySQL в большой степени зависят от конфигурации серверного окружения на вашем хостинге, поэтому нет универсальных рекомендаций по оптимизации MySQL. Обычно настройки MySQL/MariaDB находятся в файле /etc/my.cnf . Вот несколько параметров, на значение которых стоит обратить внимание:

  • tmp_table_size
  • query_cache_type
  • query_cache_size
  • query_cache_size
  • join_buffer_size
  • max_heap_table_size

Очень полезный инструмент — скрипт MySQL Tuner. Он делает обзор производительности сервера и дает некоторые базовые рекомендации по возможной оптимизации. Вот еще несколько инструментов, которые могут пригодиться при настройке MySQL:

18. Выбор качественного хостинга для WordPress

И последний, но немаловажный фактор оптимизации сайта на WordPress — выбор надежного производительного хостинга. Не рекомендуем использовать дешевые шаред хостинги, которые забиты сайтами. Лучшим решением будет использовать VPS или WordPress хостинг с поддержкой.

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

18 способов ускорить любой WordPress сайт

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

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

Итак, разгоняем наш любимый WordPress в 2020 году. Поехали!

1. Используйте надежный фреймворк/тему

За каждым WordPress-сайтом лежит тема или фреймворк, и это иногда может приводить к проблемам. Каждая тема написана по-разному, и потому одни зачастую темы лучше, чем другие. Дефолтные WordPress-темы типа Twenty Fifteen, очень быстрые, потому что легковесные.

Будьте осторожны, когда покупаете темы на таких мега популярных сайтах, как ThemeForest и Creative Market. Несмотря на то, что там много великолепных тем, вы должны понимать, что разработчики часто добавляете функции просто, чтоб увеличить продажи. Так что главное — найти правильных разработчиков. И именно о таких мы не раз писали на страницах этого сайта.

Так же, такие легкие фреймворки, как Thesis Theme framework и Genesis также известны тем, что на их основе разрабатываются быстрые и хорошо написанные темы.

2. Использование кэширования

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

Плагины кэширования

Вот несколько лучших бесплатных и платных плагинов кэширования:

Установка и правильная настройка плагина кэширования может привести к увеличению производительности в 200-300%!

Обход PHP для кэшируемых страниц

Ниже представлена более продвинутая конфигурация Nginx обхода PHP для кэширования страниц. Этот пример оптимизирован для плагина Cache Enabler.

Пример конфигурации Nginx

Кэширование браузера – добавьте заголовки Expires к WordPress

Вы также можете добавить кэширование браузера, добавив заголовки expires. Заголовки Expires говорят браузеру, должны kb они запросить определенный файл с сервера или они должны захватить их из кэша браузера. Добавляя их, вы можете уменьшить количество HTTP-запросов, которые им нужны. Некоторые плагины кэширования для WordPress позволяют добавить их, но вы также можете просто добавить код в ваш файл .htaccess

Кэширование сервера

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

Prefetch обычно используемых доменов

Prefetching – это нечто сходное кэшированию в том смысле, что вы тоже говорите браузеру, типа Chrome, что нужно найти DNS-настройки перед тем, как они на самом деле понадобятся. Благодаря этому «прошиваются» страницы и запросы любых prefetched-доменов, которые еще не кэшируются, и они начинают работать быстрее.

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

Prefetch Google шрифты:

Prefetch Google код (jQuery)

Prefetch Google Analytics

Удаляем Query Strings из статичных ресурсов

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

Отредактируйте ваш файл functions.php, чтоб включить туда функцию, которая удалит query strings.

Если вы используете плагин кэширования типа W3 Total Cache, то у вас есть опция, которая предотвращает создание query strings. Есть бесплатные WordPress-плагины, которые также могут удалить query strings, и это плагины Query Strings Remover и Remove Query Strings From Static Resources.

3. Внедрение сети доставки содержимого (Content Delivery Network)

Неважно насколько крупная у вас WordPress-инсталляция или, как много трафика вы получаете, вы все равно выиграете от внедрения сети доставки содержимого (CDN). CDN берет все ваши файлы (CSS, Javascript, картинки) и доставляет их на сервер ближе к посетителю, что уменьшает время загрузки. Кроме скоростного бонуса сеть доставки содержимого также может создать положительное впечатление от вашего сайта, улучшить его ранжирование, увеличить время, которое ваши посетители проводят на сайте, улучшить конверсию и даже SEO.

Загрузка всех ассетов из WordPress CDN

Убедитесь в том, что вы загружаете даже самые мелкие файлы, типа фавикона, из вашей CDN. Если загружено все из CDN, то создается одно единое соединение. Чтобы твикнуть ваш фавикон, просто киньте его в корневой каталог вашей инсталляции WordPress с помощью FTP, а затем добавить следующее в ваш header.php между тегами head.

Как вы видите из примера ниже, загружено 100% ваших ассетов из CDN.

4. Оптимизация базы данных WordPress

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

Отключение и ограничение количества версий постов в WordPress

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

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

Отключение создания версий WordPress-постов

Чтоб отключить создание версии постов в WordPress, вам нужно добавить следующий код в ваш файл wp-config.php. Таким образом вы сначала измените интервал авто сохранения по умолчанию с 60 секунд на 5 минут, а затем и вовсе отключите создание версий записей. По умолчанию останется одно авто сохранение на пост.

Также есть бесплатный маленький плагин, который называется Disable Post Revision. Он делает тоже самое без необходимости копаться в коде.

Ограничение количества сохраненных версий WordPress-постов

Чтоб ограничить количество создаваемых версий WordPress-постов, вам нужно добавить следующий код в ваш файл wp-config.php. Таким образом вы измените интервал авто сохранения по умолчанию с 60 секунд на 5 минут и ограничите количество создаваемых версий до трех. Впрочем, вы можете указать любое желаемое количество сохраняемых версий.

Удаление старых версий постов из вашей базы данных

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

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

Предупреждение об ограничении WordPress в 100 сраниц

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

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

Решение? Вам нужно начать использовать кастомные типы записей. Вы можете использовать бесплатный плагин типа Post Type Switcher, если у вас много страниц, и вы хотите конвертировать их в кастомные типы записей.

5. Оптимизируйте картинки, используя компрессию без потерь

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

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

6. Компрессия Gzip

Gzip – это еще один вид компрессии, который сжимает веб-страницы, CSS и javascript на уровне сервера перед тем, как послать их в браузер.

Apache

Вы можете включить компрессию, добавив следующий код в ваш файл .htaccess.

Nginx

Вы можете включить конверсию, добавив следующее в ваш файл nginx.conf .

7. Сократите количество WordPress-плагинов

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

P3 (Plugin Performance Profiler)

P3 – это бесплатный WordPress-плагин, который поможет вам увидеть, какие плагины затормаживают работу вашего сайта, а именно он показывает:

  • Время загрузки каждого плагина
  • Общее количество активных плагинов и время загрузки страницы
  • Влияние каждого плагина на скорость загрузки страницы
  • Количество MySQL запросов (на уровне страницы)
  • Сравнение сканирований

Заметим: сейчас плагин не совместим с PHP7.

WP Performance Profiler

WP performance profiler – это недорогой (всего 9$) премиальный WordPress-плагин, созданный специально для того, чтоб вы могли измерить производительность ваших WordPress-плагинов на более продвинутом уровне, чем это делает P3.

И конечно же — после того, как анализ проведем, плагины-измерители можно удалить или просто отключить.

8. Оптимизируйте производительность Web-шрифтов

57% веб-сайтов сейчас использует кастомные шрифты, и это 850% прирост с 2011. Мы заметили, что важно использовать только те шрифты, которые действительно нужны и такие форматы, как WOFF и WOFF2.

В наших тестах Google шрифты показали себя хорошо, так как они используют собственный CDN и придерживаются форматов WOFF. Open Sans стал самым быстрым из 10 самых популярных шрифтов. Если вы хотите ускориться и при этом использовать Google-шрифты, то лучшая комбинация для WordPress это Open Sans и веб-безопасный Arial.

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

Также вы можете перенести ваши Google Шрифты на собственный CDN.

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

Мы рекомендуем вам обратить внимание на localFont tool: вы можете быстро перетащить ваши WOFF-шрифты в этот инструмент, и он закодирует их в base64, а затем даст вам файлы CSS и Javascript, чтоб использовать их на вашем WordPress-сайте.

9. Оптимизация иконок Font Awesome

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

Вариант 1 – используйте Font Awesome CDN на хостинге с открытым исходным кодом

Первый метод – это версия Font Awesome CDN на хостинге. Этот проект находится на хостинге от KeyCDN, и вы сможете воспользоваться преимуществом более чем 25-ти серверов, на которых есть бесплатные HTTP/2 и CORS. Просто используйте этот код, вклеив его в файл header.php вашего WordPress между тегами .

Затем вы сможете использовать иконки Font Awesome везде на вашем WordPress –сайте с помощью тега и названия иконки.

Вариант 2 – Хостингование Font Awesome на вашем собственном CDN (рекомендуется)

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

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

Ссылка на ваш файл Font Awesome, использующий CDN URL, должна выглядеть как сниппет


, отображенный ниже.

Вот и все, теперь ваши иконки Font Awesome загружаются супербыстро!

10. «Лениво» загружающиеся картинки, видео и Disqus

Ленивая загрузка – это такой концепт, который предполагает отсроченную загрузку контента, подгружая только ту часть, которая видна пользователю. В WordPress это обычно означает то, что объект не загрузится, пока пользователь не прокрутит страницу вниз или пока не использует событие on-click. Вы можете загрузить таким образом любой контент, начиная от картинок и заканчивая видео и даже системой комментирования Disqus.

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

Для ленивой загрузки картинок есть хороший бесплатный плагин под названием BJ Lazy Load. Этот плагин заменяет все изображения постов, миниатюры, граватары и айфреймы контента вместилищами картинок и загружает контент, по мере приближения к окну браузера. Также он работает с текстовыми виджетами. Если вы используете плагин кэширования WP Rocket, то можете воспользоваться его опцией ленивой загрузки.

Ленивая загрузка видео

Для ленивой загрузки ваших видео есть бесплатный плагин, который называется Lazy Load for Videos. Он заменяет видео с Youtube и Vimeo кликабельными привью-картинками.

Ленивая загрузка Disqus

Disqus – это великолепная система комментирования, которая отсекает практически 99% спама. Но дефолтный плагин Disqus создает 10+ HTTP запросов, которые неплохо тормозят ваш сайт. К счастью есть плагин Disqus Conditional Load, который отсекает все эти HTTP-запросы первоначальной загрузки. Теперь этот плагин дружествен к SEO, а это значит, что Google будет индексировать ваши комментарии.

11. Минификация и объединение CSS и Javascript

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

Минификация

Минификация ресурсов означает удаление ненужных символов из ваших файлов HTML, Javascript и CSS. Удаляются следующие не нужные для загрузки файлов символы:

  • Пробельные символы
  • Знаки полной строки
  • Комментарии
  • Разделители

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

Объединение

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

Мастер Йода рекомендует:  4D и прочие радости современной многомерной жизни

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

Большинство плагнов кэширования сейчас предлагают эти опции, но также есть другие бесплатные легковесные решения: Better WordPress Minify и Autoptimize. Также, когда мы говорим о позиционировании CSS иJavascript в WordPress, то лучше всего поместить CSS наверх, а javascript вниз. Заметим: если мы говорим об объединении HTTP/2, то сейчас оно не так важно, как раньше.

12. Уменьшение количества Misc HTTP запросов

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

Граватары

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

Вот вам несколько вариантов решения проблемы

Решение 1 – Отключить пользовательские граватары

Не идеальное решение, но оно сработает, если для вас реально важна скорость загрузки сайта.

Чтоб сделать это, установите бесплатный плагин WP User Avatar. А затем в его меню кликните “Disable Gravatar and use only local avatars.” Затем выберете дефолтный аватар

Решение 2 – Disqus быстрее

Второй вариант заключается в ленивой загрузки Disqus. Это может показаться странным, так как добавление файла javascript, плагина и внешнего призыва обычно выливается в лишнее время загрузки. Но Disqus все-таки работает быстрее благодаря уменьшенному количеству HTTP запросов.

Отключение Emoji

В WordPress 4.2 появилась дополнительная поддержка emoji. И, к сожалению, это означает появление дополнительного файла javascript wp-emoji-release.min.js?ver=4.3.1 в «шапке». Благодаря этому создается ненужный дополнительный HTTP-запрос.

Отключаем emoji, чтоб избавиться от дополнительного HTTP-запроса.

Сначала откроем настройки Публикации в WordPress и убедимся в том, что убрана галочка с “преобразовывать смайлики” в разделе «форматирование».

Способ 1 – WordPress-плагин

Установите бесплатный плагин Disable Emojis. Этот плагин отключает новую функциональность emoji в WordPress 4.2.

Способ 2 – WordPress функция

Если вы не хотите устанавливать лишний плагин, просто возьмите код из плагина, который описан выше и вклейте его в нижнюю часть файла functions.php.

Отключение скриптов на базе уровня страниц

Обычно мы пытаемся избавиться от лишних плагинов, но есть плагин, называемый Gonzalez, который позволяет вам отключить ненужные скрипты и не дать им загрузиться на страницах всего сайта. Плагин не бесплатный, но стоит своих денег, если вы хотите подбавить немного газку. Например, Contact Form 7 – это великолепный WordPress-плагин, но по умолчанию он загружает свой скрипт на каждой странице. А с помощью этого плагина это можно легко отключить, чтоб плагин загружался только на контактной странице.

Отключение Embeds

Начиная с WordPress 4.4, происходит загрузка нового скрипта wp-embed.min.js , который позволяет вам просто вклеивать видео, картинки, твиты и т.д. К примеру, WordPress автоматически превратит URL в YouTube-вклейку и предоставит живое привью в визуальном редакторе. Многие люди эту функцию не используют, тем более, что мы всегда можете захватить код для вклейки с YouTube или Twitter. Большая проблема этой функции заключается в том, что она загружает скрипт на каждой странице. Давайте посмотрим, как можно отключить этот скрипт.

Вариант 1 – WordPress-плагин

Установите WordPress-плагин Disable Embeds. Вот что делает этот плагин:

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

Вариант 2 – Функция WordPress

Или вы можете кинуть следующий кусок кода в нижнюю часть вашего файла functions.php .

Отключение комментариев

Когда бы вы не использовали древовидные комментарии в WordPress, скрипт comment-reply.min.js включается на каждой странице и записи. Если вы хотите отключить комментарии или используете сторонние системы комментирования типа Disqus, то вам не нужно загружать этот скрипт на каждой странице.

Чтоб отключить этот скрипт, вы можете кинуть следующий код в нижнюю часть вашего файла functions.php .

13. Отключение хотлинкинга

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

14. Отключение пингбэков и трекбэков

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

Вы можете отключить пингбэки и трекбэки в секции «Обсуждение» в WordPress. Заметим: применяется только к новым записям.

Чтоб отключить пингбэки старых записей, вы можете использовать массовое редактирование записей, а для пингов включить “Do Not Allow.” (Запретить)

15. Определите габариты картинок

Большинство из вас, вероятно, видело следующую рекомендацию от Google Pagespeed:

…Предположение по оптимизации: “Сжав и изменив … вы сможете сохранить 5.8 KB (51%).”

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

Лучше всего загружать картинки в WordPress, используя правильные параметры изначально. Иногда для этого нужно подрезать картинки в Photoshop, Paint или Gimp, перед тем, как вы загрузите их на ваш сайт.

16. Решаем проблему медленного admin-ajax.php

In WordPress 3.6 был представлен WordPress Heartbeat API, который позволяет WordPress устанавливать связь между браузером и сервером. WordPress Heartbeat API использует admin-ajax.php, чтоб осуществлять AJAX-обращения из веб-браузера. Вы, вероятно, можете наблюдать это во время проведения скоростного теста. Это может стать причиной активного использования CPU и возникновения множества PHP-обращений. К примеру, если вы оставили админку открытой, то запросы POSTбудут непрестанно посылаться к этому файлу на регулярной основе.

Есть бесплатный плагин для WordPress, который называется heartbeat control и позволяет контролировать то, как часто используется WordPress heartbeat API.

Заметим: есть много сторонних разработчиков, которые сейчас используют этот файл. Если вы заметили задержки, это может быть связано с тем, что плагин использует admin-ajax.php. Xтоб разобраться в этом, вы можете прогнать ваш сайт через инструмент тестирования скорости, определить, где находится обращение admin-ajax.php и открыть данные записи.

Затем вы можете сказать по названию “action” какой плагин его использует. В этом примере у нас “get_shares_count”, что указывает на социальный плагин с выключенным кэшированием. Если включить кэширование, то использование admin-ajax.php прекращается.

17. Настройка MySQL

Оптимизация MySQL также очень важна. К сожалению, она очень зависит от конкретного окружения и вашей установки, так что мы не можем указать вам на верную для вас конфигурацию. Файл с конфигурацией MySQL/MariaDB обычно находится в /etc/my.cnf. Вот, вам некоторые настройки, на которые надо обратить внимание:

  • tmp_table_size
  • query_cache_type
  • query_cache_size
  • query_cache_size
  • join_buffer_size
  • max_heap_table_size

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

18. Выберете надежный веб-хостинг

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

О наилучших решениях вы можете прочитать тут

О наиболее бюджетных и провернных в этой статье.

Подробный мануал ускорения Вашего WordPress сайта

Последнее изменение: 10.10.2020 2961

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

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

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

Для удобной навигации было создано меню.

Содержание

Основы работы WordPress

Ускорение WordPress простыми спедствами (без кодирования)

Оптимизация производительности WordPress

Точная настройка WordPress для скорости (Дополнительно)

Основы работы WordPress

Почему скорость важна для вашего сайта WordPress?

Исследования показывают, что с 2000 по 2020 года средний уровень внимания человека снизился с 12 секунд до 7 секунд.

Что это значит для вас, как владельца веб-сайта?

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

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

Согласно тематическому исследованию StrangeLoop, в котором участвовали Amazon, Google и другие более крупные сайты, 1 секунда задержки загрузки страницы может привести к 7% -ному снижению конверсий, на 11% меньше просмотров страниц и снижению удовлетворенности клиентов на 16%.

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

Итог, если вы хотите больше трафика, подписчиков и доходов от вашего сайта, то вы должны сделать ваш сайт WordPress очень быстрым!

Как проверить скорость вашего сайта в WordPress?

Часто начинающие считают, что их сайт в порядке, потому что он не чувствует себя медленно на своем компьютере. Это ОГРОМНАЯ ошибка.

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

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

Фактически, пользователи в разных географических точках будут иметь совершенно другой опыт.

Именно поэтому мы рекомендуем вам протестировать скорость вашего сайта с помощью инструмента Pingdom .

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

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

Хорошее время загрузки страницы составляет менее 2 секунд.

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

Что замедляет ваш сайт WordPress?

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

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

Основными причинами для медленного веб-сайта WordPress являются:


  • Веб-хостинг. Если ваш веб-хостинг/сервер настроен неправильно, это может ухудшить скорость загрузки страницы.
  • Конфигурация WordPress. Если ваш сайт WordPress не обслуживает кешированные страницы, он перегрузит ваш сервер, что приведет к замедлению работы вашего сайта или сбою.
  • Размер страницы. Основные изображения, которые не оптимизированы для Интернета.
  • Плохие плагины. Если вы используете плохо написанный плагин, это может значительно замедлить работу вашего сайта.
  • Внешние скрипты. Внешние скрипты, такие как объявления, загрузчики шрифтов и т. д., Также могут иметь огромное влияние на производительность вашего сайта.

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

Важность хорошего хостинга WordPress

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

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

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

Мы рекомендуем Time-Host.net как наш предпочтительный хостинг-провайдер WordPress.

Ускорение WordPress в простых шагах (без кодирования)

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

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

Я покажу вам, как можно ускорить работу сайта WordPress всего за несколько кликов (без необходимости правок кода).

Если вы можете наводить мышку и щелкать, вы сможете это сделать!

Установите плагин для кэширования WordPress

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

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

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

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

Вы можете видеть в приведенной выше картинке, когда пользователь посещает ваш сайт WordPress (который построен с использованием PHP), то ваш сервер извлекает информацию из базы данных MySQL и ваших файлов PHP, а затем все это объединяется в содержимое HTML, которое подается для пользователя. Это долгий процесс, но вы можете пропустить его часть, для этого используете кеширование.

Для WordPress доступно много плагинов для кеширования, но мы рекомендуем использовать плагин WP Super Cache. Ознакомьтесь с нашим пошаговым руководством по установке и настройке WP Super Cache на вашем сайте WordPress. Его не сложно настроить и ваши посетители заметят разницу.

Оптимизация изображений для скорости

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

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

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

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

На блоге Romua1d.ru мы используем только два формата изображения: JPEG и PNG.

Теперь вам может быть интересно: какая разница?

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

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

Итак, как мы решаем, какой формат изображения выбрать?

  • Если у нашей фотографии или изображения много разных цветов, мы используем JPEG.
  • Если это более простой образ или нам нужно прозрачное изображение, мы используем PNG.

Большинство наших изображений — это JPEG.

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

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

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

Оптимизация производительности WordPress

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

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

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

Обновите сайт WordPress

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

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

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

Использовать сокращенные записи на главной странице и архивах

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

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

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

Вы можете перейти к настройкам «Чтение» и выбрать для каждой статьи в ленте, показывать: «краткий текст» вместо «полного».

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

Разделить комментарии на страницы

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

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

WordPress поставляется со встроенным решением для этого. Просто зайдите в Настройки «Дискуссия» и установите флажок рядом с параметром «Перерыв на страницы».

Более подробные инструкции см. В нашем руководстве по разбивке комментариев в WordPress.

Используйте сеть доставки контента (CDN)

Помните, как мы упоминали выше, что пользователи в разных географических точках могут испытывать разные времена загрузки на вашем сайте?

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

Использование CDN или сети доставки контента может помочь ускорить время загрузки для всех ваших посетителей.

CDN — это сеть, состоящая из серверов по всему миру. Каждый сервер будет хранить «статические» файлы, используемые для создания вашего сайта. Статические файлы — это неизменные файлы, такие как изображения, CSS и JavaScript, в отличие от ваших страниц WordPress, которые являются «динамическими», как объяснялось выше.

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

Вы можете увидеть, как это работает в этой инфографике.

Мы используем MaxCDN для всех наших проектов, в том числе здесь, на Romua1d.ru. Он хорошо работает с веб-сайтами WordPress и дополняет существующие плагины для кеширования WordPress для еще более быстрой загрузки. Ознакомьтесь с нашим руководством по установке и настройке решения WordPress CDN MaxCDN для начала работы.

Не загружайте видео прямо в WordPress

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

Но вы НИКОГДА не должны этого делать!

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

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

Вместо этого вы должны использовать услугу видеохостинга, такую как YouTube, Vimeo, DailyMotion, RuTube и т. Д., И пусть они позаботятся о тяжелой работе. У них есть пропускная способность!

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

Узнайте больше о том, как это работает в нашем руководстве по встраиванию видео в WordPress.

Используйте тему, оптимизированную для скорости

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

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

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

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

Используйте плагин Faster Slider

Слайдеры — еще один общий элемент веб-дизайна, который может сделать ваш сайт медленным.

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

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

Вот как он сравнивается с другими популярными плагинами слайдера.

Используйте быстрый плагин галерей

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

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

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

Мы протестировали его скорость по сравнению с несколькими другими популярными плагинами в галерее и обнаружили, что Envira Galley почти в два раза быстрее:

Точная настройка WordPress для скорости (Advanced)

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

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

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

Разделить длинные сообщения на страницы

Читатели, как правило, любят сообщения в блогах, которые являются более длинными и более подробными. Более длинные даже имеют тенденцию к повышению в поисковых системах.

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

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

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

Более подробные инструкции см. В нашем учебном пособии по размещению страниц. Как разбить сообщения WordPress на несколько страниц.

Уменьшить внешние HTTP-запросы

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

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

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

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

Сокращение вызовов базы данных

Примечание. Этот шаг является немного более техническим и потребует базовых знаний о файлах шаблонов PHP и WordPress.

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

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

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

Оптимизация базы данных WordPress

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

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

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

Ограниченные редакционные публикации

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

Вы можете легко ограничить количество версий WordPress для каждой статьи. Просто добавьте эту строку кода в файл wp-config.php.

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

Отключить Hotlinking и похищение вашего контента

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

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

Просто добавьте этот код в ваш .htaccess файл, чтобы блокировать хотлинкинг изображений с вашего сайта WordPress.

Примечание. Не забудьте изменить romua1d.ru на Ваш собственный домен.

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

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

Это оно! Мы надеемся, что эта статья помогла вам изучить некоторые полезные трюки, чтобы ускорить WordPress и повысить производительность.

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

Ускорение работы сайта на WordPress

Для Google, Яндекса и других поисковых систем скорость загрузки сайта является важным фактором ранжирования. Рассмотрим ускорение загрузки и работы сайта на CMS WordPress. Результаты работы можно увидеть в конце поста.

Цель: Ускорить загрузку и работу сайта на CMS WordPress плагинами (без правки кода).

Шаг 1. Анализ текущей ситуации со скоростью загрузки.

Ускорение этого блога я делал еще в феврале 2015 года, поэтому скриншота прошлого состояния не сохранилось. По памяти помню, что сервис PageSpeed Insights показывал скорость загрузки 50/55 для мобильных/ПК. Состояние было плачевное и я задумался про ускорение.

Проанализируйте свой сайт на WordPress с помощью сервиса Google PageSpeed Insights и если результат загрузки сайта меньше 85 — читайте дальше.

Шаг 2. Устанавливаем плагины для ускорения.

WP Fastest Cache

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

Зайдите в админке сайта на WP в «Плагины» -> «Добавить новый». Впишите название плагина, нажмите «Поиск». Первый плагин с изображением животного кошачьего типа — наш плагин. Устанавливаем.

EWWW Image Optimizer

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

Зайдите в админке сайта на WP в «Плагины» -> «Добавить новый». Впишите название плагина, нажмите «Поиск». Первый плагин с изображением молотка, который бьет по картинкам — наш плагин. Устанавливаем.

Шаг 3. Настройка ускорения сайта на WordPress

Настроим кеширование и минимизацию css, js файлов. В панели администратора новым пунктом меню у вас появился WP Fastest Cache. Зайдите по ссылке, внизу вы увидите поле language, установите русский язык. Установите галочки во всех пунктах, как на скриншоте ниже. В другие вкладки плагина можете не заходить — там платные функции, за которые вам вряд ли захочется отдавать деньги.

После этого сожмём картинки на сайте. В панели админки WP наведите на медиафайлы, выберите пункт «Оптимизировать». В выбранном окне воспользуйтесь двумя функциями — оптимизацией картинок из библиотеки и оптимизация других картинок (шаблона, движка и т.д.). Этими действиями вы сжимаете уже существующие изображения на сайте, загружаемые после установки плагина картинки будут сжиматься автоматически при загрузке на сервер.

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

Шаг 4. Результаты ускорения сайта.

Результаты шикарные. С 50 сразу стало 81 (опять-таки, по памяти). Почитав рекомендации Гугла нашел множество проблем загрузки, связанной с плагином, который предназначен для красивого вывода программного кода на блоге. После того, как я его снес — это значение поднялось до 91! Вот, что показала Яндекс Метрика — отчет по загрузке страниц:

По скриншоту четко видно, что скорость загрузки страниц снизилась с 1 секунды от 0.1. Отмечу, что улучшились позиции в Google и даже в Яндексе, уменьшилось число отказов (некоторые люди, особенно с мобильным интернетом, не желают долго ждать и покидают сайт, если после перехода на сайт он сразу не начинает загружаться).

Дополнительно

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

Это заметно снижает скорость загрузки и отношение Google к сайту. Простой пример — в моем блоге на главной вы увидите над лентой последних постов текст и небольшое фото. Если бы я поставил в атрибут src тега img ссылку на изображение оригинал разрешением

1000×2000 и вывел картинку 100×100, серверу пришлось бы загружать изображение 1000×2000, браузер сжал бы ее до нужных размеров, которые я прописал в стилях отображения, но реально-то загружался оригинал. Поэтому я не поленился отресайзить её в Photoshop и только после этого использовать в шаблоне. Загружайте изображения ровно в таком разрешении, в котором хотите её отобразить.

Меньше графики — быстрее сайт.

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

Меньше плагинов — меньше запросов к базе данных.

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

Если у вас возникли проблемы с ускорением сайта на WordPress или возникли вопросы по теме — пишите в комментарии или на почту через форму слева — постараюсь помочь.

Добавить комментарий