Чтобы создать страницу, Wordpress отправляет запросы к базе данных, собирает все настройки, которые мы указали на сайте, подключает к ней ссылки на изображения, иконки, стили и скрипты шаблона. Потом обрабатывает плагины и подключает их стили, скрипты и иконки, запрашивает базу данных об их настройках. Собранный html-документ сервер передает браузеру, который начинает загружать все по списку: скрипты, стили, картинки, иконки. Потом браузер начинает обрабатывать и отрисовывать страницу. И так для каждого посетителя сайта.
На современном компьютере или смартфоне от запроса до отрисовки страницы проходит несколько секунд. Но тот, кто хоть немного коснулся СЕО, знает, что каждая секунда драгоценна. Конечно, можно использовать сервер мощнее, перейти на другой тариф, если сервер в аренде, или подключить сети доставки контента (CDN). Но каждому проекту — свои методы и их цены. Есть то, что можно сделать сейчас и совершенно бесплатно: настроим кэширование.
Что это такое
Кэширование — это размещение контента там, где его быстрее всего получить. Например, браузер сохраняет картинки в специальную папку на компьютере (или смартфоне), чтоб не загружать их с сервера повторно. Сервер может сохранить созданную страницу сайта в кэш, а не создавать ее для каждого нового посетителя. Это позволяет значительно сэкономить время на исполнении кода и получении запросов из базы данных.
Браузерное кэширование
Некоторые файлы на сайтах не меняются годами. Обычно это картинки, видеофайлы, иконки, скрипты и стили. Если браузер разместит их в своем кэше, он не будет их загружать с сайта заново, ведь они у него уже есть! Правила хранения файлов диктуются браузеру веб-сервером. Настройки же веб-сервера зависят от хостинга.
Серверное кэширование
Если посетитель зашел на сайт впервые, то страницу ему нужно загрузить со всеми сопутствующими файлами. Многочисленные стили, разбросанные по разным папкам, скрипты из разных плагинов, иконки — каждый файл требует отдельного запроса к серверу. Но есть способ оптимизировать загрузку. Маленькие файлы можно встроить в тело документа, большие — объединить в один. Отложить загрузку больших картинок и некритичных скриптов. Сделать типовые запросы к базе данных заранее. Отключить те, модули, которые вовсе не потребуются. Рассмотрим плагины для Wordpress, которые сделают это для нас.
Топ-3 плагинов для кэширования Wordpress
Для установки плагина войдите в панель управления Wordpress, раздел “Плагины”. Вверху списка нужно нажать на кнопку “Добавить плагин”. В открывшемся репозитории нужно найти нужный и нажать установить. Для облегчения поиска воспользуйтесь соответствующим полем справа вверху. Достаточно написать название плагина или ключевое слово, например, “кэш”. Установленный плагин нужно активировать, после чего можно приступить к его настройкам.
1. Autoptimize
Весьма популярный инструмент, использующийся на миллионе сайтов Wordpress. Он не только компонует файлы по типу и организует отложенную загрузку, но и позволяет подключить сети CDN и даже переформатировать изображения «на лету» в современный оптимальный формат.
Можно исключить из кэша важные скрипты или те, что не используются. Это касается и файлов стилей. Из файлов можно удалить пробелы, из html можно убрать комментарии разработчиков. Также плагин позволяет отключить неиспользуемые возможности Wordpress.
Несмотря на то, что плагин работает «из коробки», количество его настроек удовлетворит любопытство начинающего администратора сайта. Более пытливые умы могут с этими настройками даже сломать свой сайт. Но не пугайтесь, все поправимо. Достаточно снять все галочки в настройках и сбросить кэш. В крайнем случае, отключить плагин и перейти к следующему.
2. WP Super Cache
Этот плагин имеет настроек еще больше. Он также работает сразу, достаточно поставить галочку и нажать «обновить». Помимо сжатия стилей и скриптов, умеет кэшировать html-документы, так что серверу даже не нужно будет их лишний раз создавать.
Разработчики подошли к вопросу со всей ответственностью. Уделено очень много внимания актуальности кэша и удалению просроченных файлов.
Большой плюс этого плагина: вся документация написана на русском языке. Он также умеет подключать CDN, причем с большим количеством настроек, чем у предыдущего плагина.
3. W3 Total Cache
По страницам настроек третьего участника нашего обзора можно бродить долго. Здесь можно найти и минификацию стилей, и отложенную загрузку скриптов, и подключение к CDN, и кэширование готовых страниц.
Есть даже возможность кэшировать значение переменных php и целые фрагменты php-файлов, которые генерируются в процессе исполнения запроса. Можно кэшировать запросы к базе данных и к диску, причем несколькими способами.
Также есть центр поддержки, но, увы, не на русском языке. В остальном плагин ничем не уступает предшественнику.
Подведем итоги
Каждого из представленных инструментов хватит, чтоб существенно поднять скорость сайта, потратив всего пару минут своего времени. Не нужно обладать глубокими познаниями в принципах работы сайта, достаточно не забывать сбрасывать кэш при изменениях.
Если же вникнуть в тему глубоко, то можно достигнуть выдающихся результатов. Возможно, что-то потребует финансов, например, покупка про-версии плагина или подключение к сети CDN. Возможно, что-то обойти не получится, если окажется, что работа какого-то элемента нарушается при его кэшировании. Если не подходит один плагин, есть другой. Дерзайте, и пусть ваши сайты будут быстрыми!
