ОптимизацияПлагины

WP Super Cache — настройка кэширования

Привет друзья, сегодня остановимся на настройках плагина для кэшировании — WP Super Cache. В мире, где нормальной считается скорость Интернета, превышающая  2 мб,  любому сайту критически важно работать на предельной скорости загрузки. Считается, что секундная задержка при загрузке страниц сайта способна привести  к 30% потерям в бизнесе. Поисковые системы, особенно Google, любят быстро загружающиеся сайты.

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

Плагин WP Super Cache

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

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

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

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

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

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

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

Кэширование с использованием плагина WP Super Cache

WP Super Cache был разработан Automattic, командой создавшей нашу любимую WordPress.

Как установить Super Cache?

WP Super Cache 1

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

Идем в консоль WP > Плагины > Добавить новый

Пользуясь поискам, ищем «WP Super Cache».  Первый результат в списке это то, что нам нужно. Заметьте, что автор плагина Automattic — подтверждение того, что плагин — тот самый. Кликаем Install Now (Установить сейчас). После установки, активируем плагин

Активация и настройка WP Super Cache

Так как плагин WP Super Cache создан лучшими WP разработчиками, мы можем быть точно уверенны в одном – в его простоте.

WP Super Cache 3

Активировав в плагин в первый раз, вы увидите желтый прямоугольник с  уведомлением наверху. Предупреждение должно появиться после первой активации. Это значит, что функции  WP Super Cache еще не активированы. Просто кликните на Update Status (Обновить), чтоб проверить пропало ли сообщение.

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

WP Super Cache 4

Сейчас мы активируем функции кэширования WP Super Cache. Просто кликаем на Caching On (Кэширование включено), а потом на — Update Status (Обновить). Это действие активирует дефолтные настройки, и так как все уже настроено на бесперебойную работу с большинством хостингов, то проблем с совместимостью быть не должно.

WP Super Cache 5

Включив кэширование, вы теперь можете проверить насколько правильно, работает плагин. Просто кликните на on Test Cache (Проверить) и вы получите такое сообщение как на скриншоте выше отмеченное зеленым. Это значит, что кэширование на  100% функционально на вашем сайте.

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

Разбор продвинутых настроек в WP Super Cache

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

Таб Advanced (Настройки)

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

WP Super Cache 6

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

Чтоб сохранить настройки, кликам кнопочку Обновить. Теперь вы увидите большой желтый бокс с написанными на нем изменениями. WP Super Cache спросит вас, сохранить ли настройки в файле htaccess. Просто кликните на кнопочку Update Mod_Rewrite Rules (Обновить правила mod_rewrite) , чтоб сохранить изменения.

WP Super Cache 8

Если все хорошо, вы увидите зеленое сообщение, информирующее вас о том, что права в файле .htaccess успешно переписаны.

WP Super Cache 9

Далее мы взглянем на настройки раздела Miscellaneous (Разное)

Активируем те, которые помечены как Recommended (Рекомендовано).

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

Для остальных пунктов поставьте галочки так, как это показано на скрине.

WP Super Cache 7

Теперь обратим внимание на раздел Настройки

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

WP Super Cache 16

И наконец, раздел — Просроченные страницы & Очистка мусора

WP Super Cache 17

В пункте Cache Timeout следует выставить значение не менее 3600 секунд. Можно увеличить например, до 50000, но и размер кеша на сервере при этом соответственно будет расти. Еще ниже установите в расписании интервал для очистки кеша.

Таб Contents (Состояние кеша)

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

Таб Preload (Общий кеш)

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

Таб CDN – способ перелинковать MaxCDN с WP Super Cache

С помощью WP Super Cache вы можете легко интегрировать  CDN в ваш сайт. В случае с WP Super Cache, вам нужно настроить вашего CDN-провайдера и использовать pull request’ы для загрузки файлов с вашего сервера в инфраструктуру CDN.

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

Настройка CDN-провайдера

WP Super Cache 10

Зайдите в свою панель управления MaxCDN и выберете таб  Zones. Таким образом, вы попадете на страницу the Pull Zones Overview. Кликните кнопку Create Pull Zone

WP Super Cache 11

В настройках Pull Zone введите информацию и убедитесь в том, что поле Origin Server URL содержит базовый URL без конечного слэша. Даже если установочная ссылка WordPress выглядит, как http://www.mycompany.com/blog/ то базовый URL всегда должен быть таким http://www.mycompany.com.

WP Super Cache 12

Кликаем Create, чтоб начать создание Pull Zone. Вы должны увидеть сообщение, сходное с тем, которое было показано выше.

WP Super Cache 13

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

WP Super Cache 14

Заходим в Панель управления MaxCDN > Overview > Zone Configuration и находим только что созданную Pull Zone.

Копируем CDN URL и добавляем к ней http://.

WP Super Cache 15

Вклеиваем полный URL (без закрывающего слэш) в поле Off-site URL, под CDN.

Затем прокручиваем страницу вверх и выбираем Enable CDN Support. Не меняем никаких настроек здесь.  Просто кликаем на Save Changes, чтоб активировать CDN.

Наслаждаемся плюсами CDN

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

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

Итог

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

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

Официальная страница плагина

Похожие

56 Комментов

  1. Добрый день, Дмитрий. Спасибо за статью. Попробую сегодня установить плагин. Без Вашего обзора было бы немного страшновато)) Только вчера перенес сайт с Денвера, и теперь ответственности стало больше.

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

  2. Полезненько. Давно хотел сменить старый плагин кеширования на этот.

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

      1. а вот тут почитайте, все 3 клика делается: _http://diletantblog.ru/keshirovanie-bez-plagina-wordpress/

      2. Гуглоспид выдал 59/67 по этому блогу. С учётом того, что сам блог визуально крайне простой и легкий — лучше бы автор поставил плагин 🙂

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

      4. Здравствуйте Дмитрий!
        Я поставил WP Super Cache, всё настроил как у вас указано
        Но цифры получаются у меня плачевные:

        — до того как установил плагин гуглоспид мне писал такие цифры
        39 / 100 — для мобильных устройств
        52 / 100 — для компьютеров

        — после того как установил и настроил
        40 / 100 — для мобильных устройств
        53 / 100 — для компьютеров

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

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

    1. Да там то расписано так, что простому смертному ничего и не понять,
      У меня просто тема аналогична вашей, плагин стоит тот же WP Super Cache, а посмотреть на вашу статистику гуглоспида так у вас почти 100% везде

      Скажите пожалуйста, что вы дополнительно делали (кроме установки плагина) чтобы увеличить скорость загрузки сайта?

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

      Честно сказать я как0то рассчитывал что первые два пункта должен был этот плагин сделать=

      1. Воу воу воу! Все взлетело просто!
        62 / 100 — для мобильных устройств
        81 / 100 — для компьютеров
        После того как внес изменения .htaccess

        Огромнейшее спасибо!

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

      2. Совершенно верно, но еще раз — всегда делайте бекап! Гугл далеко не идеален в этом плане 🙂 В скачанном архиве будет файлик MANIFEST. Там увидите все нужные пути для файлов.

      3. Здравствуйте! Расскажите пожалуйста по подробнее, что это ещё за «.htaccess» такой? Где его найти? Как его изменить? Что конкретно менять?
        Я просто далёк от этого, а по выше-представленной ссылке на гугл, ничего такого не нашёл, там только другие предлагали изменить параметры.
        Заранее благодарен!
        Тоже хочу сайт убыстрить!

      4. Да, наверное стоит описать это дело поподробнее. Но это тема для отдельной статьи. Постараюсь после отпуска написать.

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

      6. Елена, проблема то в чем? И что должен увидеть гугл?

  5. Дмитрий, спасибо огромное за помощь!
    Без вас я бы наверное весь сегодняшний день пытался разобрать в этих корректировках файла .htaccess

    Мне вот интересно, там ведь в самом начале настроек плагин WP Super Cache вносит какие-то изменения в файл .htaccess, отчего же разработчики там не прописали все эти параметры кэширования браузера и т.д. и т.п.? Было бы в 100500 раз проще нам, простым пользователям, да и результативность работы самого плагина сразу была бы ощутима видна!=)

  6. Потому, что подобное кеширование подойдет далеко не всем и не всегда. Например, при наличии форума или доски объявлений на сайте. Минификация файлов которую делает гугл есть например, в W3 Total Cache, но может поломать некоторые темы и плагины. Зато у WP Super Cache высокая совместимость.

  7. я вот уже начал сомневаться, а стоит ли доводить до совершенства показатели в гуглспид? просто увидел блог, правда он зарубежный, так у него и десктопная и мобильная версии — в красной зоне пейджспида…и ничего — посещалка превышает 60 тысяч уников в сутки, ежемесячный заработок у автора блога = в среднем 20 тысяч долларов в месяц…как-то так. видимо, все же контент и только контент рулит и разруливает!)))

    1. Ну а чем бы этому блогу помешало увеличение скорости? Думаю только польза будет!=)
      Контент конечно рулит, а всё остальное просто подруливает=)

  8. Насколько я понимаю, этот плагин увеличивает скорость повторной загрузки сайта, а не первой (когда человек заходит на сайт в первый раз) — соответственно для лендингов и прочих одностраничников этот плагин не поможет, я правильно понимаю?

  9. Спасибо за статью, после успешного установки и настройки, у меня появился проблема, у меня интернет магазин пользуюсь с плагином Woocommece, и плагином Woocommerce Dropdown Cart, это виджет корзина…проблема в том что это корзина не работает, не добавляется товар, не изменяется количество добавленных товаров…может мне нужна другая настройка?

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

    1. Здравствуйте, это так называемый Lazy Loader эффект. Тут он уже встроен в тему, но вы можете найти такие плагины на wordpress.org по ключу Lazy

  11. Еще с картинками не знаю что делать: сдуру закачала сотни полторы по 5 мб в среднем каждая, потом попробовала сжать самым популярным плагином с пандой в логотипе который, сайт все красиво корректно показфвает до и после сжатия офигенные результаты! НО это обманка:(( тк многочисленные повторные тесты разных сервисов показали те же 6 мбт вес страницы, что и было до установки плагина. Не знаю прям что делать… получается что обманка? А как же тогда популярность невероятная этой «панды»?

  12. Спасибо за ответ, Дмитрий!
    Гугл должен увидеть, что работа над ошибками произведена и теперь у меня не 70/100, как было до того как… а 90/100 или на худой конец 80/100, а то как было 70, так и осталось, и ошибки те же самые показывает, будто ничего не меняла вовсе:(

    1. Ну во первых 70/100 — это не самый плохой результат. Во вторых, после анализа гугулпейдж дает возможность «Скачать оптимизированные изображения, ресурсы JavaScript и CSS для этой страницы» и затем нужно заменить их на сервере. И в третьих — проверьте, что у вас там подключается к wow.ya.ru постоянно и удалите. Кроме того, стоит включить сжатие и кеш браузера.

  13. что подключается постоянно? прошла по ссылке, не поняла ничего:( какая то страница яндекса, говорящая , что сервис закрыт какой- то там…
    Эх, кабы я могла хоть что то скачать:((((( но эппловская политика не дает развернуться:)) у меня НЕТ КОМПА!!! есть лишь ipad 3 ios вот и «все, что в жизни есть у меня»:))

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

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

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

  17. еще бы с картинками разобраться: плагин вроде работает, а страницы как весили так и весят по 6мб

  18. и еще не пойму: для чего нужен этот «супер кэш» плагин, если он не делает основное — не кэширует браузеры?!

  19. Спасибо, Дмитрий!
    Еще бы с CDN разобраться:) а в код вносить предлагаемые изменения провайдер (Таймвэб) не рекомендует, говорят, что в рамках виртуального хостинга могут возникнуть проблемы…
    Еще услышать бы Ваше мнение по поводу метрик и счетчиков. Мне кажется, что они утяжеляют сайт и снижают скорость соответственно. Если я не права, развейте сомнения:)

    1. 1. А чего с CDN разбираться? Все подобные сервисы по сути платные. Есть желание — пробуйте любой. 2. Любой скрипт утяжеляет сайт и снижает скорость. Оптимальный вариант — простая, текстовая HTML страница — без графики, ссылок, таблиц стилей, wordpress и прочей ерунды. Максимальная быстрота гарантирована.

  20. да уж:))) золотая середина нужна:)) а перед внесением изменения в этот код надо бэкап всего сайта делать или достаточно сам код скопировать до изменений и сохранить гле- нить?

  21. На самом же первом этапе произошли трудности. Когда нажал проверить, выдалось

    При работе с кэшем произошли ошибки:

    Страница 1: 403 (Forbidden)
    Страница 2: 403 (Forbidden)

    Что можно сделать? Спасибо.

    1. Удалите весь кеш в пункте «состояние кеша»
      В настройках проверьте что стоит галочка «Использовать PHP для обслуживания кэша. (Рекомендовано)»
      Если тут » Использовать mod_rewrite для обслуживания кэша.» отключите, толку скорее всего от этого у вас не будет, только нагрузка серьезно вырастит. Тут надо использовать еще массу чего.

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

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

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

  22. И момент уже по плагину.
    Есть в настройках пункт «Поисковые и другие боты» Дает возможность вписать ботов Пс, дабы не отдавать им кешированные страницы и тем самым оградится на 100% от глюков.
    Проверьте вписаны или нет там у вас основные боты.
    Хотя если уверены в своем серваке, что он выдаст правильную копию ПС, можете не вписывать. Либо боитесь нагрузки от ботов поисковиков.
    Хотя нагрузку от них можно решить в файле robots.txt, задав каждому интервал обхода сайта. дабы не нагибали типо майла и слюрпов. Байду и такого плана вообще можно закрыть в .htaccess, так как имеет наглость в тысячу потоков сканить и положить может приличный сервак. Хотя поисковик байду забавный))

  23. И еще дополню))
    Плюс к плагину кеша нужно еще и отпимизировать сайт.
    Поставить что то типо такого или этот плагин Better WordPress Minify
    С картинками поработать, я не люблю всякие оптимизаторы, толку от них мало. лучше поставить резалку, типо Imsanity и забыть вообще о размерах загружаемых картинко самим или пользователями. Это если у вас не фото сайт требующий огромный размеры картинок.
    Для вставки видях WP YouTube Lyte, не будет тормозить и подгружать по мере надобности.

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

  24. А сейчас плагин нормально работает? Уже 7 месяцев не обновлялся..мало ли. Или вообще разработчики забросили его?

  25. Хочу обновиться до 4.7 но смущает, что суперкеш не обновляется почти год:( как бы чего не вышло…
    деактивировать этот плагин боюсь тоже из-за боязни возможных проблем. Странно, что такой популярный плагин забросили разработчики:(

  26. Здравствуйте. Подскажите пожалуйста. У меня сайт примерно на 670 страниц. Когда нажимаю создать ОБЩИЙ КЭШ..процесс создания идет и по завершению почему-то сразу же удаляются все кэшированные файлы..и в итоге в во вкладке состояние кэша все по нулям. никак не получается закэшировать весь сайт. Что только не делал и переустанавливал и все настройки менял все равно не хочеть создавать общий кэш.
    Спасибо.

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

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Back to top button