W3 Total Cache — снижаем скорость загрузки сайта и страниц путем их кэширования и правильной настройки плагина

w3 total cache конфигурация

Приветствую всех, кто теряет свое драгоценное время на моем сайте AdvertSeo-Helper.ru!

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

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

А что если я добавлю, что этот самый плагин рекомендуют такие монстры как: AT&T, mattcutts.com, mashable.com, smashingmagazine.com, makeuseof.com, yoast.com, kiss925.com, webdesignerdepot.com, css-tricks.com и список можно еще продолжать (информация взята из офф страницы плагина) ?!

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

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

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

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

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

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

Посмотрите на оценку инструмента Google насчет скорости загрузки моего сайта, на данный момент:

скорость загрузки сайта проверить

В конце статьи, после того как я покажу как настроить плагин W3 Total Cache, вставлю и второй скрин где Вы увидите полученные результаты. Сайту дали 64 балла из 100 возможных — мало!

Кстати, скорость загрузки сайта можно проверить на этих ресурсах:  PageSpeed Insights, GTmetrix, Pingdom и т.д. Если знаете еще какие-нибудь сервисы для этого дела — напишите в комментариях, я пользуюсь теми что указал выше.

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

Настройка плагина W3 Total Cache – ускоряем загрузку сайта и его страниц

Плагин можно скачать по ссылке. Автор: Frederick Townes. Обязательно прочтите информацию на странице плагина и видео-обзор. Очень «познавательно».

Теперь, заходим в консоль WordPress Вашего сайта, нажимаем на «Плагины» — «Добавить новый» — «Поиск» — пишем «W3 Total Cache» — нажимаем на «Поиск плагинов» — после нахождения нажимаем «Установить».

После установки, появится новое меню в консоли WP в самом низу – «Performance» — нажимаем и переходим на страницу настроек плагина W3 Total Cache:

Меню General Settings:

  • General  — отключите (если он не отключен по умолчанию) режим просмотра «Preview mode» — что бы плагин принимал сразу все настройки после нажатия кнопок сохранить.
  • Page Cache – рекомендую включить эту опцию, тем самым создается кэш статических страниц и заметно снижается время загрузки. Выбирайте – «Disk Enhanced» — в переводе – улучшенный.

w3 total cache настройка

  • Minify – минимизирует -> файлы стилей (автоматически удаляет ненужные данные как пробелы в коде) Вашей темы -.css, -> скрипты -.js, -> страницы и страницы постов — .html, а также RSS ленту.

Минимизация позволяет сократить время загрузки сайта до 10%.

w3 total cache

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

Говорят что включив эту опцию, можно снизить скорость загрузки до сотни раз.

wordpress-cache

  • Object Cache – эта настройка нужна динамическим сайтам, которые используют Object Cache API.

Используйте нижеуказанные настройки:

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

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

Минус этой опции состоит в том, что если пользователь очистил кэш своего браузера – при новом заходе на Ваш ресурс – он опять будет запрашивать полную информацию из БД. Но не беда :)

плагин кэширования для wordpress

  • CDN (Content Delivery Network) – сеть доставки контента :) . Плагин содержит только платные версии CDN, которые Вы найдете через раскрывающиеся список внутри этой настройки.  Если Вам не понятно о чем идет речь, просто не пользуйтесь настройками этой опции и уберите галочку из «Enable».
  • Reverse Proxy и Network Performance & Security powered by CloudFlare – тем кто не знает о чем идет речь — нужно убрать галочки из «Enable». Эта опция используется, если Ваш сайт владеет большим количеством трафика. Большой – понятие растяжимое – задумайтесь о этой опции при трафике 1000/сутки и больше.

Хотя если подумать, не лучше ли поднять планку по оплате своего хостинга? То есть изменить тариф, нежели использовать мощность плагина кэширования W3 Total Cache. Задумайтесь над этим… а мы двигаемся дальше, осталось немного…

  • Monitoring – честно скажу, не знаю для чего эта опция нужна. Логически можно предположить, что она используется для мониторинга сайта. Но для таких целей есть Яндекс.Метрика и Google Analytics. Не придаем особого внимания, идем дальше…
  • Licensing – если Вы купили платную версию плагина – в нужном поле Вам следует указать лицензионный ключ. Это к нам не относится :) .
  • Miscellaneous – если Вы знаете как получить Page Speed API Key от Google, сделайте настройки как на скрине ниже.  Получение ключа не простая процедура, если не будете пользоваться этой опцией – не беда.

плагин w3 total cache

  • Debug – эту опцию можно не трогать вообще, если по умолчанию все галочки убраны – оставьте так, если Вы скачали установили плагин после прочтения этой записи, и там выбрано хоть что-то – также оставьте так. Доверимся автору плагина W3 Total Cache.
  • Import / Export Settings – очень нужная опция этого плагина для кэширования, так как есть возможность сохранить все выбранные ранее настройки, а потом их можно будет загружать обратно и восстановить все что Вы выбрали для себя. Опция пригодится в том случае, когда Вы будете экспериментировать с настройками плагина кэширования и будете наблюдать за скоростью загрузки сайта после каждого выбранного варианта настроек параметров.

w3 total cache настройки

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

Меню Page Cache:

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

настройка плагина w3 total cache

  • Cache Preload – тут можно указать интервал времени кэширования страниц, и указать путь к Вашей xml карте сайта. Подробнее смотрите в подсказках опции.

настройка cache

  • Purge Policy: Page Cache – более конкретный выбор страниц которые нужно кэшировать.

как ускорить сайт

  • Advanced – в этой опции можно указать срок жизни кэшированной страницы – определяется через «Garbage collection interval: 3600 секунд».  Уменьшить или увеличить это значение зависит от того насколько часто Вы обновляете информацию на сайте. Можно попробовать увеличить значение до суток. Осторожно с экспериментами, лучше оставить как на скриншоте, кроме значения «3600» о котором я говорил чуть выше.

как ускорить загрузку страниц

Меню Minify:

Настраиваем конкретные опции минимизации:

  • General – ставим галочку для перезаписывания ссылок:

как ускорить загрузку страниц

  • HTML & XML  — минимизируем и их:

как ускорить работу сайта

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

настройка w3 total cache

  • CSS – кэшируем стили .css, можно добавить их по отдельности по кнопке «Add a style sheet»

w3 total cache настройка

  • Advanced  — можно указать интервал обновлений темы

правильная настройка плагина w3 total cache

Меню Database Cache:

Осталось еще немножко, наберитесь терпения если хотите ускорить загрузку сайта :)

  • General :

плагин w3 total cache настройка

  • Advanced – для настройки срока жизни кэшированных предметов: оставляем настройки по умолчанию.

Меню Object Cache:

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

Меню Browser Cache:

  • General – указываем объекты, которые будут кэшироваться в браузере посетителя:

плагин w3 total cache детальная настройка

Остальные настройки оставляем по умолчанию.

ВСЕ! Находим любую кнопку «Save all settings» и нажимаем, тем самым сохраняем все проделанные настройки плагина W3 Total Cache.

Остается лишь сделать очистку существующего кэша для нормальной работы плагина, для этого находим «Empty the page cache» — нажимаем, после чего должно высветится зеленым цветом слово «enabled», как на скрине ниже:

детальная настройка w3 total cache

 

На последок хочу показать Вам скрин с проверкой скорости загрузки моего сайта, которая значительно снизилась за счет вышеуказанных настроек плагина W3 Total Cache:

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

Некоторые из Вас скажут что не так уж и заметны результаты как ожидалось, на что я отвечу так: в момент проверки– имеются несколько тяжелых скриптов которые сильно сказываются на скорость загрузки, и даже при таких делах — W3 Total Cache дал результат.

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

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

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

Конечно, лучше всего сделать изначально правильно написанный сайт, с приведенными в порядок кодами, скриптами и т.д., но не все это умеют делать и не всем по карману. Довольствуемся чем есть — в нашем случае — героем статьи — плагином для WordPress - W3 Total Cache.

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

Пока, пока!

15 комментария к W3 Total Cache — снижаем скорость загрузки сайта и страниц путем их кэширования и правильной настройки плагина

  • Анатолий  написал:

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

    • Max Vuzin  написал:

      Ну вот на примере я показал что он может...и это не предел...

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

      • Виктор  написал:

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

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

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

        • Max Vuzin  написал:

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

  • Валентина  написал:

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

    • Max Vuzin  написал:

      Валентина, обязательно проверьте работу формы комментирования и обратной связи после установки плагина, как я говорил выше — W3 Total Cache конфликтовал с моей темой, до решения проблемы я его деактивировал. Также обязательно проверьте скорость загрузки сайта после установки, по возможности отпишитесь...

  • Сергей  написал:

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

    • Max Vuzin  написал:

      Спасибо за рекомендацию...попробуем...

  • Андрей  написал:

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

    • Max Vuzin  написал:

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

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

  • артем  написал:

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

    может быть я не выполнил какие-либо настройки плагина W3 Total Cache, влияющие на моб версию? или просто несовместимость темы wp и плагина? кто-то сталкивался с такой проблемой? спасибо!

  • Денис  написал:

    Здравствуйте коллеги. Пытался самостоятельно настроить плагин W3 Total Cache, столкнулся с рядом проблем: 1) пропадают все css стили и на страницах сайта отображается только фото и текст 2) сервер падает через 5-7 минут после включения плагина (у меня VPS) думаю это происходит из за того, что при первичной настройке плагина, я по невнимательности поставил какие-то некорректные данные. 3) перестают отрабатывать некоторые важные элементы сделанные на javascript, такие как скольжение сайдара и др. Нужна помощь в настройке этого плагина — цель — в сервисе pagespeed/insights от гугла, получить хорошую скорость загрузки страницы. Помощь нужна в форме скайп сессии с трансляцией экрана — я демонстрирую экран, вы говорите куда зайти, какие значения поставить и т.д. Рассчитываться могу вебмани или яндекс деньги. Напишите пожалуйста в личку 1) какая цена в час, вас устроит за эту услугу 2) сколько времени (приблизительно) нам нужно будет потратит на настройку 3) какой ваш опыт в настройке и использовании данного плагина. Заранее благодарю, жду ваших сообщений.

  • artem  написал:

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

  • mogutov  написал:

    Спасибо тебе, Добрый Человек!

    Настроил плагин кеширования полностью по твоим рекомендациям.

    Сайт начал грузиться за секунду.

    Проверил на мобильном — тоже самое.

    До этого пробовал другие плагины, ничего не получалось.

    Добавлю твой сайт в закладки.

    Еще раз, спасибо за такой подробный обзор плагина!

  • Max Vuzin  написал:

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

↓ Оставить комментарий ↓ Отменить ответ

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