Ускорьте ваш сайт на WordPress


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

Оптимизация и ускорения сайта на WordPress

Предлагаю комплекс работ по оптимизации и ускорению Вашего сайта.

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

Конечно же главный двигатель наших сайтов — это интересный и полезный контент.

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

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

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

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

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

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

Что входит в услугу ускорения и оптимизация сайта на WordPress

Работы я разделил на три блока.

Технический анализ сайта.

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

1. Анализ скорости загрузки.

2. Выявление факторов сдерживания

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

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

Техническая оптимизация сайта.

После приступаем к работе над функционалом сайта.

3. Ставим необходимый набор плагинов

4. Удаляем или заменяем плагины которые грузят блог.

5. Смотрим что можно изменить в шаблоне чтоб ускорить сайт.

6. Проверяем сайт на наличие бытых ссылок, удаляем и исправляем

7. Устанавливаем плагины для защиты от спама

8. Оптимизация запросов к базе данных

9. Установка и настройка плагинов кеширования.

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

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

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

Работы по SEO-оптимизации сайта

11. Написание грамотного файла robots.txt.

Файл пишется под Ваш сайт. Закрываем ненужные разделы и убираем индексацию дублей.

12. Создание карт сайта в нескольких форматах для людей и для роботов.

13. Настраиваем .htaccess ЧПУ (если нет) и, удаляем дубли и подключаем кеширование на стороне браузеров пользователей.

14. Настройка SEO-плагинов.

15. Составление плана рекомендаций по улучшению сайта.

Как происходит процесс работы.

1. Вы оплачиваете стоимость работ, на данный момент это, 30 долларов через мой магазин

2. После оплаты сразу пишите мне в Службу поддержки.

В запросе указываете:

Адрес сайта с данными доступа в админку

FTP доступ к этому сайту или данные доступа к хостингу

Если желаете, чтоб я подключил сайт к кабинету Вебмастера на Яндексе и Гугле

Добавьте данные доступа к аккаунтам этих систем.

3. Я делаю анализ, и мы обсуждаем какие плагины оставить и какие убрать или заменить.

4. В конце работы Вы получаете полный отчет с моими рекомендациями по улучшению работы сайта.

Ускорение загрузки сайта на WordPress

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

10 советов по ускорению загрузки сайта на WordPress

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

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

Давайте перечислим как возможно ускорить сайт на wordpress:

  • gZIP сжатие;
  • уменьшаем css и JavaScript;
  • сокращение размера заголовка отзыва;
  • очистка базы данных от мусора;
  • убрать лишний JavaScript;
  • использовать кэширование для статического контента;
  • расположение css и JavaScript;
  • пользуйтесь поддоменами для паралельного скачивания;
  • откажитесь от ненужных плагинов;
  • выберите быстрый хостинг для своего сайта.

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

Совет 1. Ускорение WordPress с помощью GZip сжатия

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

Как проверить включено ли gzip сжатие

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

Если по результатам проверки вы получите следующее:

Значит ваши данные сжимаются и у вас все правильно работает.

Как использовать qzip сжатие, можно прочитать в отдельной статье.

Совет 2. Уменьшение CSS и JavaScript

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

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

Совет 3. Уменьшайте количество http запросов

Чем больше у нас на загружаемой странице компонентов, таких как:

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

Совет 4. Очистка базы данных от мусора

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

Загрязненная БД приведет к огромным задержкам при загрузке, из-за того что количество переборов будет очень велико. Правильно настроена корректировка внесения данных в базу и своевременная очистка ее от «шлака» поможет вам сохранить скорость и чистоту, позволит неплохо ускорить сайт на wordpress.

Совет 5. Убрать лишний JavaScript

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

Совет 6. Использование кэширования позволит как ускорить сайт на wordpress

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

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

Для кэширования можно использовать плагин WP Super Cache, или другой понравившийся вам плагин.

Совет 7. Правильно располагайте ваши css и JavaScript включения.

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

В то же время Google рекомендует опускать все файлы стилей вниз документа, якобы они мешают загрузке контента, по сути так оно и есть. Что же выбрать в данном случае? Этот спор поможет решить небольшой эксперимент. Если у вас «тяжелый» CSS файл, с огромным количеством правил, и при загрузке страницы сайта, все элементы прыгают, тогда размещайте в хедере, если же при расположении подключения стилей в футере ничего такого не происходит, тогда лучше оставить его внизу. Нужно из двух зол выбирать меньшее.

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

Совет 8. Пользуйтесь поддоменами для параллельного скачивания

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

Совет 9. Откажитесь от ненужных плагинов

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

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

Совет 10. Выберите быстрый хостинг для своего сайта

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

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

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

Как ускорить загрузку сайта на WordPress. Google PageSpeed Insights

Приветствую! В моей статье о показателе отказов на сайте были рассмотрены причины, по которым посетители могут покинуть ваш блог. Одна из главных – это низкая скорость загрузки страниц ресурса. Сегодня мы детально разберем различные способы того, как предотвратить эту проблему и увеличить скорость загрузки сайта на WordPress. Также узнаем, как сервис Google PageSpeed Insights может помочь оптимизировать работу вашего блога.

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

Методы ускорения работы блога

Редактируем файл .htaccess

Находим в корне сайта файл .htaccess и открываем для редактирования. Здесь мы добавим команды, которые снизят нагрузку на сервер и ускорят загрузку в WordPress.

Рекомендуется указать кэширование для отдельных объектов вашего ресурса. Для этого вставляем следующий код в конце файла, но перед «# ENDWordepress»:

# сжатие text, html, javascript, css, xml: AddOutputFilterByType DEFLATE text/html text/plain text/xml application/xml application/xhtml+xml text/css text/javascript application/javascript application/x-javascript

Затем добавляем еще:

# кеш браузера ExpiresActiveOn #по умолчанию кеш в 5 секунд ExpiresDefault «accessplus 5 seconds» # Включаем кэширование изображений и флэш на месяц ExpiresByType image/x-icon «access plus 1 month» ExpiresByType image/jpeg «access plus 4 weeks» ExpiresByType image/png «access plus 30 days» ExpiresByType image/gif «access plus 43829 minutes» ExpiresByType application/x-shockwave-flash «access plus 2592000 seconds» # Включаем кэширование css, javascript и текстовых файлов на одну неделю ExpiresByType text/css «access plus 604800 seconds» ExpiresByType text/javascript «access plus 604800 seconds» ExpiresByType application/javascript «access plus 604800 seconds» ExpiresByType application/x-javascript «access plus 604800 seconds» # Включаем кэширование html и htm файлов на один день ExpiresByType text/html «access plus 43200 seconds» # Включаем кэширование xml файлов на десять минут ExpiresByType application/xhtml+xml «access plus 600 seconds»

Теперь кэширование указанных в коде объектов (изображений, css, javascriptфайлов) будет происходить на стороне браузера, и ему не придется загружать их всякий раз, когда к ним обращается пользователь.

Включим gzip сжатие файлов. Это специальный сжатый вид HTML-страниц для браузеров.Таким способом сервер каждый раз архивирует соответствующие текстовые файлы, передает их на ваш компьютер, а браузер при получении автоматически их распаковывает. Gzip работает только с текстом. Для включения сжатия поместим необходимый код в файл .htaccess:

mod_gzip_on Yes mod_gzip_dechunk Yes mod_gzip_item_include file .(html?|txt|css|js|php)$ mod_gzip_item_include handler ^cgi-script$ mod_gzip_item_include mime ^text/.* mod_gzip_item_include mime ^application/x-javascript.* mod_gzip_item_exclude mime ^image/.* mod_gzip_item_excluderspheader ^Content-Encoding:.*gzip.*

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

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

RewriteEngine On RewriteCond % !^https://(.+.)?yandex.ru/.*$ [NC] RewriteCond % !^https://(.+.)?undsoft.com/.*$ [NC] RewriteCond % !^https://(.+.)?yandex.net/.*$ [NC] RewriteCond % !^https://(.+.)?feedburner.com/.*$ [NC] RewriteCond % !^https://(.+.)?mail.ru/.*$ [NC] RewriteCond % !^https://(.+.)?poisk.ru/.*$ [NC] RewriteCond % !^https://(.+.)?ИМЯВАШЕГОСАЙТА.ru/.*$ [NC] RewriteCond % !^$ [NC] RewriteRule .*.(jpe?g|gif|bmp|png)$ — [F]

Обратите внимание: вместо фразы «ИМЯ ВАШЕГО САЙТА», следует указать название вашего домена.

Используем плагины кэширования

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

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

Оптимизируем базу данных

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

Сжимаем изображения

Убедитесь, что вы используете в своем блоге файлы изображений с оптимальным сочетанием «размер – качество». Для его достижения можно воспользоваться опцией Photoshop – «SaveForWeb» («Сохранить для Web»).

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

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

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

Для сжатия уже имеющихся картинок воспользуемся возможностью пакетной обработки. Для этого перейдем в «Медиафайлы»- «WPSmush». На открывшейся странице сразу после блока настроек («Settings») следует блок «Smushinbulk». Нажав кнопку «BulkSmushNow», мы запускаем процесс сжатия всех изображений. Также можно воспользоваться ссылкой на «Библиотеку файлов», если мы хотим оптимизировать отдельные изображения.

Оптимизируем код

Следующий способ ускорить сайт на WordPress– сжать HTML и скрипты. Воспользуемся плагином Autoptimize.

Плагин объединяет все файлы css-стилей и js-скриптов в один файл – с расширением .cssили .js соответственно. Сохраняет их на сервере и размещает ссылки на них в HTML-документе. А сам HTML-код очищает от лишних пробелов и переносов строк. На странице настроек Autoptimize мы просто отмечаем галочками нужные нам параметры для оптимизации.

Создаём мобильную версию сайта

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

Как заставить сайт на WordPress летать

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

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

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

И сайт начинает тупить

Как решить проблемы ускорением сайта

Я вижу три пути как увеличить скорость работы сайта на WordPress.

Тупиковый

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

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

Я лично наблюдал ситуацию у известного хостера, который доказывал моему клиенту, что его сайт настолько много жрет ресурсов (при посещаемость 10 человек в день), что ему нужно купить супер пупер VIP тариф.

При этом лепил что-то очень умное про «длинные sql запросы» и про «лимит процесорного времени», что если бы это не был готовый сайт, на котором я успешно продвинул более 30 проектов, я бы может и поверил (смотрите готовый сайт визитка на WordPress).

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

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

Сложный

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

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

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

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

Так что если увидели, что сайт на WordPress начал тормозить, то не спешите кидаться на биржу фриланса с просьбой: «помогите ускорить сайт!». Несмотря на кучу предложений и уверений, что всё будет тип-топ, по моим наблюдениям это просто потерянные деньги.

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

Кэширование

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

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

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

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

И внедряйте кэш!

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

Чтобы внедрить кеширование понадобится специальный плагин.

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

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

Установка происходит как обычно (читайте тут про установку плагинов в WP)

И переходим к настройкам.

Основные настройки

Я делю все настройки на безопасные и рискованные.
Безопасные нужно устанавливать почти во всех случаях (они никак не могу повлиять на отображение сайта).

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

Вот безопасные настройки:

Основные проблемы возникают при выборе пунктов:

  1. Объединение CSS
    Небольшая вероятность что какие-то элементы будут отображаться коряво.
  2. Объединение JS
    в этом случае кэшированная версия сайта может вообще не работать.

Поэтому выбирайте их с осторожностью и сразу тестируйте кешированную версию.

Я таже НЕ включаю такие пункты:

Не показывать кэшированные версии мобильным устройствам.
Иначе не будут нормально формироваться AMP страницы (читайте как получить 95+ баллов в Google Page Speed с этими страницами).

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

Остальные настройки, отмеченные серым цветом — штука отличная, но доступна только в платной версии плагина, а стоит она немало и ставить ли ее или нет, думайте сами

Как сбросить кеш

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

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

В основных настройках можно сделать чтобы он сбрасывался автоматически.

Но можно удалить кэш и вручную — сверху желтая иконка «Delete Cache and Minified CSS/JS»

Как тестировать кэшированную версию сайта

Ну а чтобы наоборот видеть закэшированную версию сайта (глазами посетителя) просто откройте сайт в другом браузере или выберите режим инкогнито, обычно CTRL + SHIFT + N для хрома или CTRL + SHIFT + P для firefox.

Вы войдете не под админом и будет показана кэшированая страница.

Тестирование WordPress сайта без кэша

Выключаем плагин кэширования Fastest Cache и проверяем в двух сервисах: https://tools.pingdom.com/ + https://webopulsar.ru/test/

Мастер Йода рекомендует:  Прописывание UX практические советы

Без плагина кэширования скорость загрузки страницы больше 3 секунд.

и видим, что есть «затуп» в виде 2 секунд, когда формируется страница и сайт немного подтупливает.

А также обратите внимание, что ответ сервера больше 1000 мс — столбец «Ожидание ответа«.

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

Тестирование WordPress сайта с кэшем

На pingdom скорость загрузки страницы сократилась почти в 1.5 раза.

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

Ответ сервера в проверке Вебпульсар сократился почти в 15-20 раз, с 1400 мс до 100 мс и даже меньше.

Ссылки на тестирование:

Выводы и итоги

  • Ускорить сайт на WordPress можно, причем без специальных знаний и бесплатно.
  • Кэширование позволяет быстро и просто ускорить практически любой сайт на WordPress, добиваясь высоких показателей в непосредственной скорости загрузки страницы (к Google Page Speed это имеет не прямое отношение, там свои «тараканы», читайте тут подробнее) и снижению нагрузки на хостинг.
  • Сайт визуально и по тестам начинает работать гораздо шустрее.
  • если есть лишняя копеечка, то закажите услугу CDN сервера вот тут (скидка 20% по промокоду «moytop»). Это даст весьма стабильную и быструю работу сайта.

А настройка такая простая, что с ней справится и школьник. Так что пользуйтесь, если еще не делали ускорение сайта на WordPress, я применяю его уже несколько лет — полёт нормальный!

Кстати, в моем готовом сайте визитки на WordPress плагин ускорения загрузки Fastest Cache уже установлен и настроен.

Успехов в бизнесе.

Полезные цитаты: Сегодня я богат именно благодаря тому, что я сделал в свободное время (Р.Кийосаки)

12 способов как ускорить сайт на WordPress

Дата публикации: 2020-01-25

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

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

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

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

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

Как создать сайт самому?

Какие технологии и знания необходимы сегодня, чтобы создавать сайты самостоятельно? Узнайте на интенсиве!

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

Кэширование

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

Минификация CSS и JS файлов

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

Сжатие изображений

Помимо того, что большие файлы изображений значительно замедляют сайт на WordPress, они еще сильно забивают пропускную способность сети. Изображения это отличный подопытный для оптимизации. Используйте WPMU DEV WordPress Smush API, плагин WP SmushIt поможет уменьшить размер изображений без потери качества. Я сам пользуюсь этим плагином и считаю удивительным то, насколько он снижает размер изображений.

Сжатие сайта

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

Плагин W3 Total Cache крайне популярен для кэширования, но с его помощь можно также сжимать сайты. Воспользоваться данной функцией можно, перейдя: admin page -> Performance -> Browser Cache -> Enable HTTP (gzip) Compression.

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

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

Как создать сайт самому?

Какие технологии и знания необходимы сегодня, чтобы создавать сайты самостоятельно? Узнайте на интенсиве!

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

Выбор правильных плагинов

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

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

По умолчанию, когда другой сайт упоминает о вас, ваш сайт получает об этом уведомление. Такие уведомления называются пингбеки и трекбеки. Их можно отключить: admin page -> settings -> discussion снимите две верхние галочки, как на скриншоте ниже.

Отключение данной функции не навредит вашему сайту.

Выбор правильной темы или темы-фреймворка

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

Оптимизация структуры домашней страницы

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

Включение Keep-Alive

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

Как ускорить работу сайта на 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 шагов, и ваш сайт уже должен быть очень быстрым.

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

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

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 – это блоговая платформа.

Мастер Йода рекомендует:  Пользователям Telegram нечего бояться Дуров пообещал обеспечить защищенный доступ к сервису в

Решение? Вам нужно начать использовать кастомные типы записей. Вы можете использовать бесплатный плагин типа 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 запросов. Иногда можно даже снизить время загрузки файлов. В зависимости от сайта можно ускорить загрузку страниц, применив параллельные загрузки. Так что тут нужно тестировать все способы, чтоб узнать, что именно лучше сработает для вашего сайта.

Вы можете использовать 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 — 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.

Мастер Йода рекомендует:  Обработка ошибок MySQL в хранимых процедурах

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

Для отложенной загрузки картинок на сайте 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 хостинг с поддержкой.

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

WordPress.org

Русский

Clearfy — плагин для оптимизации WordPress

Описание

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

Оптимизируйте SEO и СКОРОСТЬ вашего сайта за 5 минут

  1. Очистите код сайта от мусора;
  2. Устраните уязвимости WordPress;
  3. Ускорьте индексацию в поисковых системах;
  4. Исправьте ошибки других плагинов;
  5. Сделайте ваш WordPress проще, удобнее и быстрее.

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

Оптимизация WordPress плагином Clearfy — с чего всё начиналось

Мы занимаемся созданием плагинов и тем, а также проектов на WordPress уже более 8 лет. Каждый раз мы сталкивались с одной и той же проблемой — проекты клиентов уникальны и большинству из них не нужны все функции, что есть в WordPress. При этом они продолжали потреблять ресурсы хостинга, создавать проблемы c SEO оптимизацией и просто мешали повседневной работе. Чтобы решить эти проблемы, мы использовали заготовки нашего кода и тратили время на его тестирование и доработку. В итоге мы решили создать универсальный плагин, который бы помог ускорить нашу работу над клиентскими проектами. Используя весь наш опыт и большое количество наработок, мы объединили их в один мощный плагин для WordPress, под названием Clearfy. Изначально, мы использовали плагин для оптимизации своих и клиентских проектов, но позже поняли, что проблема глобальная и решили поделиться Clearfy с вами абсолютно бесплатно.

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

Как Clearfy улучшит SEO оптимизацию WordPress сайта

Судя по отзывам, большая часть тех, кто скачал и оптимизировал WordPress плагином Clearfy, отмечают приличный рост показателей производительности в таких популярных сервисах, как: Pingdom, GTmetrix, Google PageSpeed Insights и YSlow.

Кроме того, мы заметили важные особенности:

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

Хотите таких же результатов? Скачайте бесплатный Clearfy, чтобы убедиться в этом самостоятельно! Настройка плагина займет всего 5-10 минут. Просто подумайте сколько времени у вас бы ушло на поиск и настройку всех этих скриптов, плагинов, не будь у вас всего лишь одного универсального Clearfy.

Более 50 функций плагина Clearfy для оптимизации WordPress

Очистка кода сайта от мусора

  • Отключить RSS каналы — отключает RSS, если вы используете WordPress для создания сайта и блог вам не нужен.
  • Отключить Rest API — отключает Rest API и удаляет ссылки Rest API из кода, если вы не управляете WordPress извне.
  • Отключить Emojis — эмодзи генерируют лишний код и замедляют сайт, даже если вы не поставили ни одного смайлика.
  • Удалить jQuery Migrate — если вы используете несколько популярных плагинов, которые регулярно обновляются, то можно спокойно удалять.
  • Отключить Embeds (встраивание) — если вы не вставляете видео в записи или страницы, отключайте.
  • Удалить dns-prefetch — в некоторых случаях может ускорить загрузку изображений.
  • Удалить RSD ссылку — если вы создаёте записи и страницы в WordPress, то функция Real Simple Discovery вам не нужна.
  • Удалить ссылку wlwmanifest — функция не нужна на 99% сайтов, если вы публикуете статьи и записи через интерфейс WordPress.
  • Удалить короткие ссылки — если вы используете постоянные ссылки, короткие вам не нужны.
  • Удалить ссылки следующая, предыдущая запись — удаляйте, если не используете блог.
  • Удалить стили .recentcomments — удаляйте, если хотите изменить стили виджета «Похожие записи».
  • Html сжатие — сжимает код, ускоряет загрузку сайта.
  • WordPress Sanitization — удаляет недопустимые и вредоносные символы из URL и имён файлов.

SEO оптимизация WordPress

  • Установить атрибут alt автоматически — устанавливает атрибут alt для всех изображений в записи и странице, если alt отсутствует.
  • Создать правильный robots.txt для WordPress — помогает создать идеальный Robots.txt улучшить индексацию нужного и закрыть лишнее.
  • Автоматически вставлять заголовок Last Modified — помогает поисковым системам понять, какие записи и страницы отредактированы последними и считывать их в первую очередь.
  • Возвращать заголовок If-Modified-Since — улучшает индексацию за счёт сообщения поисковым системам, что страницы и записи изменились.
  • Удалить дубли заголовков в хлебных крошках Yoast SEO — вырезает заголовок страницы или записи из хлебных крошек.
  • Удалить тег image:image из XML карты сайта плагина Yoast SEO — избавляет от ошибок карты сайта в Яндекс Вебмастере.
  • Отключить ссылки JSON-LD — запрещает Google генерировать расширенные ссылки на страницы в поисковом сниппете.
  • Отключить структурированные данные Yoast SEO — отключает структурированные данные о компании, сгенерированные Yoast SEO.
  • Удалить комментарии Yoast SEO из секции head — удаляет из кода данные о том, что ваш сайт оптимизирован плагином Yoast SEO.

Удалить дубли страниц WordPress

  • Удалить архивы дат — полностью удаляет архивы дат и ставит переадресацию на главную.
  • Удалить архивы автора — полностью удаляет архивы автора сайта и ставит переадресацию на главную. Полезно, если автор сайта один.
  • Удалить архивы меток — удаляет архивы меток и переадресует на главную страницу сайта.
  • Удалить страницы вложений — по умолчанию, у каждого медиафайла есть своя страница. Clearfy удаляет её и ставит переадресацию на страницу, в которую этот медиафайл вставлен.
  • Удалить постраничную навигацию записей — внутри одной записи постраничная навигация не нужна. Лучше её удалить и сделать несколько записей.
  • Удалить ?replytocom — избавляет от дублей в комментариях к записям.

Наcтройки приватности WordPress

  • Удалить meta generator (версию WordPress) — скрывает версию вашего WordPress.
  • Удалить версию у файлов стилей — — усложняет работу злоумышленника, желающего взломать ваш сайт.
  • Удалить версию у javascript файлов — хакеру сложнее определить версию установленных плагинов и взломать сайт.
  • Удалить Querystrings (строки запроса) — помогает плагинам для ускорения кэшировать JS и CSS и увеличивать скорость загрузки сайта.
  • Удалить html комментарии — взломщик не сможет определить версии тем и плагинов по комментариям в коде.

Защита WordPress

  • Убрать возможность узнать логин автора — усложняет процесс взлома. Хакеру сложнее узнать ваш логин.
  • Спрятать ошибки при входе на сайт — в результате взломщик не понимает, что он ввёл неправильно, логин или пароль.
  • Отключить XML-RPC — отключает пингбэки и трекбэки.
  • Убрать ссылку на X-Pingback — удаляет ссылку и возможность спамить pingback-ами.

Виджеты WordPress

  • Удалить виджеты по умолчанию — удаляет виджеты WordPress целиком или выборочно (Ссылки, Архивы, Мета, Поиск и т.д.)

Обновления WordPress, плагинов и тем

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

Комментарии WordPress

  • Отключить комментарии — позволяет полностью отключить комментарии WordPress вообще или для выбранных типов записей.
  • Удалить комментарии — полностью удаляет комментарии WordPress.
  • Закрыть комментарии — полностью закрывает комментарии WordPress и удаляет раздел “Комментарии” из левого меню WordPress.
  • Удалить поле “Сайт” в форме комментариев — удаляет поле Сайт автора комментария.
  • Заменить внешние ссылки в комментариях на JavaScript код (метод URLspan) — все внешние ссылки в комментариях надёжно закрываются от индексации поисковых систем.
  • Заменить внешние ссылки авторов комментариев на код JavaScript (метод URLspan) — поисковые системы перестают индексировать ссылки на сайт автора комментариев.

Уведомления администратора, уведомления об обновлении WordPress

  • Отключить уведомления в панели администратора — скрывает все или выбранные уведомления в админпанели WordPress.

Оптимизация Heartbeat API WordPress

  • Отключить Heartbeat API — полностью отключает функцию Heartbeat (пульсации).
  • Ограничить Heartbeat API — ограничение частоты запросов Heartbeat API.

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

  • Удалить, срыть или отключить верхнюю панель — полностью отключает Adminbar при просмотре сайта.
  • Удалить логотип WordPress из админбара — удаляет логотип WordPress, что исключает случайные нажатия на него.
  • Заменить текст “Привет”, на “Добро пожаловать” — изменяет текст приветствия WordPress для большей презентабельности и уважительного обращения.

Оптимизация записей WordPress

  • Отключить ревизии — полностью отключает ревизии записей/страниц.
  • Установить лимит ревизий — ограничивает количество ревизий на одну запись/страницу.
  • Отключить автосохранения — отключает автосохранения при редактировании записей и страниц.
  • Отключить “Умные кавычки” — отключает функцию автоматической вставки «типографских кавычек».
  • Отключить автоматические параграфы (т.е p теги) — отключает автоформатирование текстов.

Менеджер скриптов и стилей WordPress

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

Новые полезные инструменты и возможности для оптимизации WordPress

WP Asset CleanUp Manager (Gonzales), Disable Comments and remove comments in database, Heartbeat Control, Disable updates and enable automatic plugins and themes updates

В одном клике от оптимизации WordPress

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

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

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

Таким образом, плагин Clearfy, изумляющий своими функциями, станет вашим незаменимым помощником по улучшению:

  • безопасности;
  • продвижения и SEO оптимизации;
  • скорости работы сайта, блога и интернет-магазина.

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

Этот плагин должен быть на каждом WordPress сайте. Смело устанавливайте этот обязательный must-have плагин, рекомендуйте его друзьям и коллегам, чтобы сделать их сайты лучше и упростить им жизнь!

Благодарим авторов плагинов

Мы использовали некоторые полезные функции из плагинов WP Asset CleanUp (Gonzales), bicycles by falbar, wp disable, easy updates manager, Disabler, Admin Bar Disabler, Cerber Security & Antispam, Admin Tweaks, Autoptimize, Fast Velocity Minify, Minify HTML, Hummingbird Page Speed Optimization, WP Super Minify.

Рекомендуем отдельные дополнения

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

Переводы

  • Английский по умолчанию, всегда включен
  • Русский
  • Французкий — Большое спасибо пользователям (@kingteamdunet, @fchaussin)
  • Итальянский (70%)
  • Китайский — большое спасибо пользователям @idoog и @robertsky_
  • German — big thanks to @moviemaster8
  • Dutch (Belgium) — big thanks to sensuelas
  • Portuguese (Brazil) — big thanks to @rdsfelipe

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

Скриншоты

  • Панель быстрой настройки
  • Image optimizer
  • Plugin components
  • Update manager
  • Assets manager

Установка

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

  1. Загрузите файлы плагина в директорию /wp-content/plugins/plugin-name , или установите плагин через панель администратора WordPress.
  2. Перейдите на страницу «Плагины» и активируйте плагин.
  3. Перейдите в Настройки -> «Clearfy — отключить бесполезные функции и настройте плагин

Часто задаваемые вопросы

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

Я использую плагин, в котором есть часть функций Clearfy. Будут ли они конфликтовать между собой?

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

Пример 1. Для объединения и минификации вы используете Autoptimize. Clearfy прекрасно дополняет этот плагин. Просто отключите Сжатие Html в Clearfy и всё будет работать безупречно.

Пример 2. Для контроля Heatbeat API вы используете плагин Heartbeat Control. В Clearfy также есть функция контроля Heartbeat. Если по каким-то причинам вам этого недостаточно, просто временно отключите Heartbeat в Clearfy. Затем напишите нам на форуме поддержки или на email, который вы найдёте в консоли плагина, и мы добавим желаемые функции в следующих обновлениях.

Нужно ли мне удалять плагины для SEO такие как Yoast SEO, All in One SEO Pack?

Нет. Плагин Clearfy лишь дополняет их, но не заменяет.

Должен ли я удалить плагины для защиты WordPress Wordfence Security – Firewall & Malware Scan, All In One WP Security & Firewall, Cerber Security & Antispam, iThemes Security и другие?

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

Нужны ли мне теперь плагины для ускорения и кэширования WP Super Cache, WP Fastest Cache, W3 Total Cache, Autoptimize, WP Rocket?

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

Я включил опцию создания robots.txt, но ничего не происходит.

Вероятно, что в корневой папке вашего сайта уже есть файл robots.txt Удалите его и активируйте опцию создания robots.txt повторно.

Поддерживает ли Clearfy мультисайт (сети)?

Plugin has support for multisite only in the premium version learn more.

Если у меня будут вопросы по плагину, могу ли я задать их?

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

Могу ли я предложить свою функцию?

Естественно! Для этого напишите нам свои пожелания на Email, который найдёте в консоли плагина или на форум поддержки.

Как ускорить работу сайта на WordPress, не меняя хостинга

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

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

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

Готовы? Тогда начнем.

1. Удалите или отключите ненужные плагины

Лишние плагины и приложения могут СУЩЕСТВЕННО замедлить работу сайта, особенно если он реализован на таких платформах, как WordPress , Joomla или Drupal .

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

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

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

Если ваш ресурс создан на WordPress установите плагин P3 (Plugin Performance Profiler) , отслеживающий производительность сайта.

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

2. Уберите или существенно сократите количество кнопок социальных сетей на сайте

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

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

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

3. Загружайте коды аналитики и рекламных сетей асинхронно

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

4. Используйте HTTP-заголовки Expires

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

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

5. Используйте кэширование

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

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

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

Добавить комментарий