06.01.2016 iMarketing5

W3 Total Cache — плагин для ускорения Вашего сайта || Как ускорить WordPress сайт

Плагин W3 Total Cache делает Ваш сайт или блог реально быстрым, один из лучших плагинов для оптимизации WordPress. Солидные сайты mashable.com, smashingmagazine.com, yoast.com спокойно используют его в своих инструментах. Использование плагина W3 Total Cache на Вашем ресурсе повышает удобство работы вашим пользователям за счет повышения производительности сервера, кэширования каждого элемента, сокращения времени загрузки страниц, выдавая пользователю нужный ему материал буквально молниеносно.

Чтобы ощутить  все прелести этого плагина, давайте для начала протестируем существующую ситуацию. Я выбрал один из последних сайтов, который я сделал, добавил приложение в Firefox  YSlow Addon for Firefox которое покажет время загрузки сайта, у меня на данный момент оно составляет 8,5 сек – я был в шоке!

Изменим эту ситуацию!

Рекомендации

  1. Перед установкой плагина Вы должны убедится, что любые другие плагины кэширования полностью удалены, в противном случае плагин W3 Total Cache при активации выдаст ошибку.
  2. Если все в порядке устанавливайте плагин (не в курсе как устанавливать плагины в WordPress? — читайте статью).
  3. Официальная страничка плагина в каталоге WordPress.
  4. После того как Вы активируете плагин в панели управления появится новый пункт «Perfomance», нажимая на который мы попадаем на страницу настроек и конфигурации плагина W3 Total Cache.

Настройка W3 Total Cache, HowToMake - Дизайн и разработка сайтов

Настройки и конфигурация W3 Total Cache

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

Вкладка General

Первым делом на странице настроек мы попадаем в раздел основных настроек General. Сразу же отключаем режим просмотра (см. картинку) нажатием на кнопку disable (то есть плагин будет работать в режиме реального времени, а не в режиме просмотра).

Настройка W3 Total Cache, HowToMake - Дизайн и разработка сайтов

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

Настройка W3 Total Cache, HowToMake - Дизайн и разработка сайтов

После блока Page Cache идет блок Minify – позволяет минимизировать файлы .css, .js, .html также записи, страницы и RSS. Опции обязательно отметьте как на скриншоте. Принцип действия мимнимизирования заключается в том, что удаляются бесполезные расстояния между тегами кода такое действие ускоряет время загрузки сайта на 10%.

Настройка W3 Total Cache, HowToMake - Дизайн и разработка сайтов

Следующий блок опций Database Cache.  Обязательно должен быть разрешен, так как CMS WordPRess полностью работает на базе данных и часто высокие нагрузки запросов к БД являются причиной жесткого замедления сайта + если у Вас большой трафик, то это вообще катастрофа. Включение опции может ускорить Ваш сайт в 100х раз.

Настройка W3 Total Cache, HowToMake - Дизайн и разработка сайтов

Не расслабляемся и двигаемся к блоку Object Cache. Галочка в этом блоке увеличивает производительность  динамических сайтов использующих API кэша объектов. Окончательные настройки должны выглядеть как на скриншоте:

Настройка W3 Total Cache, HowToMake - Дизайн и разработка сайтов

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

Настройка W3 Total Cache, HowToMake - Дизайн и разработка сайтов

Следующий этап это CDN (Content Delivery Network), к сожалению плагин поддерживает только платные  варианты CDN: MaxCDN, NetDNA, Amazon S3, Rackspace Cloud и Amazon Cloud. Если Вы не знаете что такое CDN или не планируете его использовать, то советую сразу же галочку снять.

Настройка W3 Total Cache, HowToMake - Дизайн и разработка сайтов

Далее идет блок Varnish – еще один замут с кэшированием типа CDN и блок Network Perfomance & Security powered by CloudFlare. Ими можем не пользоваться, убираем галочку с Enable. Эти блоки целесобразно использовать, если Ваш ресурс мега посещаем от 1000 и более посетителей — эти CDN, бесплатны, но если у Вас будет такое количество посетителей на сайте не лишним будет раскошелится на 40$ и подключить систему доставки контена (CDN) MaxCDN — очень хорошая и с поддержкой, об них я чуть попозже напишу отдельную статью.

Настройка W3 Total Cache, HowToMake - Дизайн и разработка сайтов

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

Настройка W3 Total Cache, HowToMake - Дизайн и разработка сайтов

Блок настроек Miscellaneous галочки ставим как на скриншоте ниже и если у Вас есть  Page Speed Online API от Google, что можете его здесь ввести.

Настройка W3 Total Cache, HowToMake - Дизайн и разработка сайтов

В блоке настроек Debug не советуют вообще что-то отмечать галочками, послушно поверим

Настройка W3 Total Cache, HowToMake - Дизайн и разработка сайтов

И последний блок это импорт и экспорт настроек, можно сохранить настройки нажав кнопочку download на компьютер, можно и импортировать уже существующие настройки, в общем ничего сложного

Настройка W3 Total Cache, HowToMake - Дизайн и разработка сайтов

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

Вкладка Page Cache

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

Настройка W3 Total Cache, HowToMake - Дизайн и разработка сайтов

В блоке Advanced мы можем выбрать время жизни странице в кэше,  по умолчанию 3600 секунд, можете уменьшить (если Вы постоянно работаете над сайтом) или увеличить если изменения происходят редко. Далее можно задать  не посылать кэш страницы Bot’у Google – не рекомендуется. Можем отметить страницы которые мы бы не хотели видеть в кэше. В настройках этого блока желательно придерживаться скриншота.

Настройка W3 Total Cache, HowToMake - Дизайн и разработка сайтов

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

Настройка W3 Total Cache, HowToMake - Дизайн и разработка сайтов

И последний блок настроек в этой вкладке Purge Policy – более определенный выбор страниц копии которых нужно создать в кэше.

Настройка W3 Total Cache, HowToMake - Дизайн и разработка сайтов

Вкладка Minify

Более подробная минимизация (уменьшение размеров) файлов, в первом блоке настроек отмечаем галочкой перезаписывать структуру URL:

Настройка W3 Total Cache, HowToMake - Дизайн и разработка сайтов

Далее настраиваем блок HTML & XML

Настройка W3 Total Cache, HowToMake - Дизайн и разработка сайтов

Следом настраиваем блок JS, можно добавить разные файлы скриптов для кэширования добавив их через кнопку «Add a script»

Настройка W3 Total Cache, HowToMake - Дизайн и разработка сайтов

Далее идет блок CSS, тоже можете добавить файлы таблиц стилей для кэширования

Настройка W3 Total Cache, HowToMake - Дизайн и разработка сайтов

И в последнем блоке Advanced мы можем выбрать через какое время обновлять файлы шаблона

Настройка W3 Total Cache, HowToMake - Дизайн и разработка сайтов

Вкладка Database Cache

Медленно, но уверено, главное до конца доползти. Блок настроек  General как на скриншоте:

Настройка W3 Total Cache, HowToMake - Дизайн и разработка сайтов

Блок настроек Advanced можете установить время жизни копии кэша

Настройка W3 Total Cache, HowToMake - Дизайн и разработка сайтов

Вкладка Object Cache

Оставляем все здесь по умолчанию.

Вкладка Browser Cache

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

Настройка W3 Total Cache, HowToMake - Дизайн и разработка сайтов

Так и последним шагом будет нажатие кнопочки «Empty page cache» — нужно очистить кэш, после этого Вы увидите зеленое слово «Enable», которое говорит о том, что плагин успешно функционирует.

Настройка W3 Total Cache, HowToMake - Дизайн и разработка сайтов

Заключение

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

Настройка W3 Total Cache, HowToMake - Дизайн и разработка сайтов

Удачи! Если возникли какие-то вопросы, задавайте их в комментариях.

Часто возникает вопрос: «Какой плагин круче W3 Total Cache или WP Super Cache?». Важно понимать, что все нужно проверять самому, одно скажу точно: «если не использовать CDN в W3 Total Cache и в WP Super Cache, то скорость загрузки примерно одинакова». Выбор за Вами, можете подробнее прочитать о плагине WP Super Cache.

Понравилась статья? Поделись с друзьями в:

Опубликовать в Google Plus
Опубликовать в LiveJournal
Опубликовать в Мой Мир
Опубликовать в Одноклассники
Опубликовать в Яндекс
#добавить сайт#сайт#ссылки#трафик#ускорить сайт

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

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