Блог об интернет-маркетинге

Как увеличить скорость загрузки сайта на WordPress?

За право оказаться на первой странице выдачи поисковых машин борются миллиона сайтов. Поисковики стремятся к тому, чтобы в первой десятке были самые лучшие сайты, которые максимально полезны пользователю.
Одним из важных параметров, влияющих на появление вашего сайта в заветной первой десятке, является высокая скорость загрузки сайта. Конечно, данный параметр срабатывает при прочих равных, т.е. предполагается, что у вас уже отличный, уникальный контент, который действительно полезен пользователю.
Увеличение скорости загрузки дает Вам неоспоримое преимущество, так как такой сайт нравится не только обычным пользователям Интернета, но и собственно поисковые системы.
Итак, чтобы увеличить скорость загрузки страниц на движке WordPress, нужно сделать следующие действия: оптимизировать картинки, минифицировать скрипты и стили и настроить кэширование страницы.
Прежде чем рассмотреть эти процедуры более подробно, напомним, что протестировать скорость можно на бесплатном сервисе от компании Google — PageSpeed Insights.
Также, во избежание каких-либо поломок на вашем сайте, рекомендуется сделать резервную копию вашего сайта.

Оптимизация картинок

Самое простое с чего можно начать улучшать скорость загрузки — это оптимизировать картинки, а именно — сжать их без потери качества. Такое сжатие обеспечивает более быструю загрузку картинки.
Представьте, что вы разместили на своем сайте изображение размером 8мб. У пользователя, который попал на ваш сайт через поиск, в случае медленного соединения с интернетом, для загрузки страницы с этой картинкой может потребоваться несколько минут. Поэтому вероятность того, что данный пользователь покинет ваш сайт довольно высока. Собственно это обстоятельство и диктует необходимость оптимизировать все изображения на вашем сайте.
Существует, как минимум, два способа сжать картинки.
Первый способ — ручной, с использованием онлайн сервисов, таких как TinyPNG, Optimizilla, Compressor.io. После загрузки изображений, данные сервисы предлагают скачать архив из обработанных изображений.
Второй способ состоит в использовании плагинов WordPress: Kraken Image Optimizer, Imagify Image Optimizer, EWWW Image Optimizer. Для решения нашей задачи достаточно установить один из этих плагинов, и после небольшой настройки, плагин автоматически будет сжимать изображения уже при загрузке в альбом.

Минификация скриптов и стилей

Когда пользователь посещает вашу страницу, ему через браузер выдается HTML-код, который был сформирован на сервере с использованием языка PHP. В некоторых случаях, интерпретатор PHP не требуется, так как код HTML может быть статичным.
Для отображения дизайна страницы браузер загружает файл стилей (как правило, style.css), а для придания интерактивности элементам сайта, используются скрипты на языке JavaScript. В первоначальном виде, когда программисты разрабатывают стили и скрипты, они пишутся так, чтобы в дальнейшем другие программисты или сам программист мог читать и вносить изменения в эти файлы. Т.е. указанные файлы содержат большое количество символов пробела, возврата каретки и перевода строки.
Так вот, данные символы, при обработке информации браузером не играют никакой роли, и соответственно, если избавиться от них, то можно существенно увеличить скорость загрузки страницы.
Для решения задач по минификации, мы можем воспользоваться одним популярных плагинов Autoptimize или WP-Rocket.

Кэширование страницы

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