Скорость загрузки сайта
Хотите ускорить ваш сайт на WordPress? — Нет проблем. На этой странице собрана вся необходимая информация, и если вы выполните предложенные базовые рекомендации, то сможете получить самую высокую оценку по Pagespeed Insights.
Мотивация, или для чего мне нужно ускорять сайт?
Высокая скорость загрузки это основное требование в работе современных сайтов.
Поисковики также всё больше внимания уделяют данному фактору при ранжировании страниц в результатах выдачи.
К сожалению, многие владельцы сайтов не относятся к этому настолько серьезно. Как правило, они довольствуются установкой некоторого плагина кэширования, или, если нагрузка возрастает, увеличением серверных мощностей.
Этих действий недостаточно, чтобы ваш сайт начал выделяться среди массы других. Если вы хотите, чтобы пользователи получали больше удовольствия от просмотра, а поисковики постоянно повышали позиции ваших страниц, вам нужно более тщательно заняться настройкой и оптимизацией вашего блога.
На этой странице я собрал все известные мне, протестированные, рабочие техники увеличения скорости загрузки WordPress сайтов. Материал подойдет как для новичков, так и для более опытных людей, которые занимаются сайтами уже не первый год. Вы всегда найдете подходящие для себя идеи.
Ускорение WordPress — описание всего процесса
Прежде чем взяться за работу, вы должны понимать все шаги или этапы. Вот их краткий обзор.
- Сбор информации — измерение текущей скорости загрузки сайта
- Выделение критических пунктов — те факторы, которые больше всего замедляют ваш сайт и дадут вам наибольший результат
- Этап реализации — вы принимаете решение сделать всё самостоятельно или делегировать
В этой статье и на других страницах моего блога я покажу вам, что вы можете ускорить ваш WordPress сайт с помощью несложных действий.
Сможете ли вы добиться стопроцентного уровня производительности и гарантировать его устойчивость? Нет. Следует помнить, что есть много разных факторов, каждый из которых можно постоянно дорабатывать и в чем-то улучшать. Ускорение сайта это не одноразовая задача, а-ля «сделал и забыл». Хотя многие техники работают перманентно, ваш сайт по-прежнему нуждается в своевременной и запланированной профилактике.
Время от времени (особенно, после обновления) вы смотрите на показатели сайта, и если что-то перестало работать положенным образом, вы просто исправляете это.
Предварительные действия
Сделайте бэкап перед любыми серьезными изменениями!
А еще лучше, скопируйте ваш сайт на локальный сервер. Тестируйте изменения, и только затем переносите.
Возьмите в помощь следующие статьи:
- Как сделать полноценный клон сайта на сервере, используя субдомен. Читайте здесь.
- Как быстро перенести сайт с помощью плагина WP Clone By WP Academy.
Измерение скорости загрузки с помощью онлайн сервисов
Вы всегда можете посмотреть дерево и историю загрузки в вашем браузере. Но это требует определенного навыка работы с инструментами разработчика. Преимущество использования сервисов в том, что они дают наглядное визуальное представление — таблицы, графики и рекомендации.
Я покажу вам как измерить скорость загрузки WordPress с помощью трех онлайн инструментов.
- GTmetrix
- Pingdom Website Speed Test
- WEBPAGETEST — test website performance
Правда для этого содержание пришлось вывести в отдельную статью. Читайте здесь — Онлайн инструменты для измерения скорости.
Основные рекомендации для увеличения скорости загрузки WordPress
Контролируйте вес страницы
В настоящее время сайты становятся всё более динамичными, мультимедийными и красочными. Но за всё надо платить. Чем больше изображений, скриптов и плагинов, тем больше размер этой страницы, и тем дольше она грузится у пользователя. Более того, скрипты, плагины и стили тормозят не только загрузку, но также генерацию и отображение страницы.
- «Лидерами» по размеру, безусловно являются изображения.
Попробуйте сократить их число. Если картинка не несет никакой смысловой нагрузки, быть может её стоит удалить?
Максимально сожмите все оставшиеся изображения. Вы можете воспользоваться компьютерной программой или теми сервисами, которые я указал в конце страницы.
Если в вашей медиагалерее уже загружено большое количество файлов, воспользуйтесь плагинами EWWW Image Optimizer или WP Smush It для пакетного сжатия. Но в дальнейшем я предлагаю обрабатывать фотографии до загрузки на хостинг.
- Включите Gzip сжатие — современные сайты содержат много кода, разумеется, если вы будете передавать страницы и ресурсы в сжатом формате, вы сможете выиграть не один десяток килобайт.
- Уменьшите размер исходного кода — минифицируйте код HTML, JS и CSS. Для этих целей я рекомендую использовать вам плагин Autoptimize, потому что кроме минификации в нём заложены дополнительные функции, которые вы увидите чуть ниже.
Удалите лишний код
Уверен, у вас установлены несколько плагинов полезность которых не очень высокая. У меня такие тоже есть. Бывает, ищешь функционал, добавляешь через плагин, потом перестаешь пользоваться его функциями и забываешь про него.
Посмотрите список всех установленных плагинов на вашем сайте. Даже те, которые кажутся вам полезными. Тщательно обдумайте ценность, которую вам несет каждый из них, — можете ли вы заменить их функционал, или вообще отказаться?
Вы не пожалеете потраченного времени. Лишние плагины тормозят работу вашего сайта, делают его менее безопасным и увеличивают стоимость его поддержки.
Снизьте количество запросов
Если вы почистили ненужные плагины, — поздравляю, у вас уже существенно сократилось количество запросов! Теперь у вас остался только нужный код, и вы можете его оптимизировать.
- Объедините скрипты и стили в единичные запросы, — плагин Autoptimize прекрасно с этой задачей справляется. Информацию по настройке этого плагина смотрите на странице оптимизации загрузки скриптов и стилей.
- Используйте браузерный кэш — и настройте сроки его хранения.
- Если у вас в теме много мелких изображений — попробуйте объединить их в CSS спрайты.
Настройки на стороне сервера для ускорения WordPress
Очень важно не скупиться на качественный хостинг. Это обеспечит хорошее время отклика, стабильность и постоянный up-time, высокий уровень защиты и быструю техподдержку.
- Держите код вашего сайта обновленным
WordPress активно развивается. Его разработчики и авторы плагинов делают постоянные оптимизации. Убедитесь, что у вас установлены последние версии.
- Включите кэширование генерации страниц — вы можете использовать популярный и простой WP Super Cache или смотрите как я настроил более сложный, но функциональный W3 Total Cache.