Как ускорить сайт с помощью двух плагинов WordPress

Как ускорить сайт с помощью двух плагинов WordPressДоброе время суток, сейчас я расскажу как ускорить сайт или блог до 99/100, как для мобильника так и для компьютера, с помощью всего двух плагинов в связке. Конечно можно было и одним это всё сделать, но у меня почему то это не получилось. Мне кажется из-за моего сервера, он nginx.

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

Итак, как ускорить сайт, поехали

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

Но он не умеет перемещать их в подвал сайта, как того требует гугл для ускорения сайта. После скорость возросла до 77/100 для мобильных устройств и 90/100 для десктопов. Довольно не плохо по сравнению с тем что было до этого 50/100 и 64/100. И я продолжил поиск ещё вариантов как ускорить сайт.

Как настроить плагин Autoptimize

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

  1. Оптимизировать код HTML? — Ставим галку. Думаю ясно за чем это.
  2. Оптимизировать код JavaScript? — Ставим галку. Тут думаю всё понятно.
  3. Оптимизировать код CSS? — Ставим тоже галку. Тоже всё понятно.

Вот как на скриншоте.

Как ускорить сайт с помощью двух плагинов WordPress

Но это ещё не все настройки этого плагина. Далее жмём кнопку Show advanced settings с права и переходим в расширенные настройки. Там у вас должно стаять шесть галок:

  1. Оптимизировать код HTML? — Галка уже стоит.
  2. Оптимизировать код JavaScript? — Так-же галка стоит.
  3. Force JavaScript in <head>? — Нужно поставить галочку.
  4. Оптимизировать код CSS? — Галка стоит.
  5. Inline all CSS? — Ставим галку.
  6. Save aggregated script/css as static files? — Нужно поставить галочку если не стоит.

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

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

И так это плагин WP Optimize By xTraffic.

Данный плагин сам по сути оптимизирует только: картинки (вот как раз эта его опция мне заменила отдельно стоящий плагин для оптимизации изображений), делает красивую автоматическую перелинковку постов (что полезно для внутренней оптимизации сайта), трафик (честно я с этим ещё не разбирался, так как мне нужно было сначала оптимизировать загрузку сайта) и функция вставки любого кода в heder или futer сайта. Так же после и перед статьёй.

Но после установки он предложит вам установить дополнительную опцию WP Optimize Speed By xTraffic. Эту самую опцию мы и будем рассматривать. Как ускорить сайт с помощью плагина WP Optimize Speed By xTraffic.

Настройка WP Optimize Speed By xTraffic

Первая вкладка Optimize Cache. Это настройки кеширования. То есть заменяет отдельный плагин кеширования сайта. Отмечаем галкой и начинаем настраивать:

  1. Enable Cache Front Page ( Recommended ) — Ставим галку.
  2. Enable Cache Feed (RSS/Atom) Page ( Recommended ) — Галка.
  3. Enable Browser Cache( Recommended ) — Галка.
  4. Enable Database Cache ( Recommended ) — Галка.
  5. Use File (Default) — Галка стоит по умолчанию.
  6. Enable Object Cache ( Recommended ) — Галка.
  7. Use File (Default) — Так-же галка по умолчанию.
  8. Enable Cache SSL (https) Requests — Тут я не ставил галок, не пользуюсь этими протоколами.
  9. Enable Cache For Mobile Device — Галка, но читайте предупреждение ниже опции.
  10. Enable Prebuild Cache ( Recommended ) — Галка.

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

Если же ваш блог будет отображаться коряво тогда советую использовать эту опцию в связке с Autoptimize, и так же следующую опцию Optimize CSS (Style).

И так что нам следует отметить галочками в Optimize Javascript:

  1. Enable Optimize Javascript — Включаем саму опцию, галка.
  2. Enable Move All Javascripts To Bottom — Ставим только тут галку и больше не где. Тем самым мы переносим скрипты в подвал из заголовака.

Дальше идём во вкладку Optimize CSS (Style) и отмечаем там:

Enable Optimize CSS — Включаем саму опцию.

Enable Asynchronous CSS Loading — Включаем асинхронную загрузка стилей.

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

Как ускорить загрузку сайта заключение

Вот и всё чем я хотел с вами сегодня поделиться. Ещё раз повторюсь, если у вас хостинг на апаче то возможно у вас будет работать корректно и один WP Optimize Speed By xTraffic плагин, если же сайт будет отображаться коряво, используйте мои рекомендации.

И в доказательство моих слов представлю пару скриншотов:

Как ускорить сайт с помощью двух плагинов WordPress

 

Как ускорить сайт с помощью двух плагинов WordPress

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

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


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

  

Это должно вас заинтересовать:

Обсуждение: 6 комментариев

  1. Алексей:

    При установке Autoptimize надо ли сносить плагины кеширования?

    Ответить
    1. Дмитрий:

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

      Ответить
  2. Sashenka:

    Дмитрий, скажите, а можно ли сделать оптимизацию кэширования в браузере с помощью какого-нибудь кода, который можно было бы просто вставить в шаблон блога от Google?

    Ответить
    1. Дмитрий:

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

      Ответить
  3. ScottKaw:

    Спасибо за публикацию, очень правильно все написано!

    Ответить
    1. Да не за что!

      Ответить

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

© 2017 Сам Веб-мастер | Автор: Дмитрий Марченков | Дизайн и поддержка: GoodwinPress | Разрешается копирование материалов без изменений, с указанием имени автора и гиперссылки на сайт.