В этой статье мы поговорим об ускорение времени загрузки сайта на CMS WordPress. Быстрая загрузка сайта необходима не только для удобства пользования сайтом посетителями, но и для успешного продвижения сайта в поисковых системах. Итак, вот что нужно сделать чтобы ускорить сайт
Цель статьи: Дать проктические советы о том как ускорить сайт.
Для кого эта статья: начинающих Web-мастеров, начинающий SEO специалистов, владельцев сайтов и блогеров или просто желающих разобраться в процессе поисковой раскрутке сайта.
Для проверки скорости загрузки сайта мы будем использовать следующие сервисы: https://tools.pingdom.com и https://developers.google.com/speed/pagespeed/insights/
Содержание страницы
- 1 1. Качественный хостинг
- 2 2. Оптимизация изображений
- 3 3. Оптимизация базы данных
- 4 4. Настройка файла .htaccess
- 5 5. Настройка Robots.txt
- 6 6. Оптимизация кода темы
- 7 7. Ускорить сайт с помощью кэширования
- 8 8. WordPress плагины — для ускорения скорости загрузки сайта
- 9 9. Используйте CDN сети для более быстрой загрузки контента
- 10 10. Используйте асинхронную загрузку скриптов
1. Качественный хостинг
Желательно чтобы хостинг был на SSD дисках и располагался в географической зоне на которую ориентирован сайт. На сервере нужно настроить Gzip сжатие и кеширование в ISPmanager эти настройки можно сделать в разделе WWW-домен
2. Оптимизация изображений
Изображения на сайте должны быть оптимизированы и не занимать много места, для оптимизации изображений можно воспользоваться плагином – WP Smush.
3. Оптимизация базы данных
База Данных имеет важное значение в скорости работы сайта. WordPress при редактирование материалов сохраняет все редакции редактируемой страницы. Все эти редакции материалов накапливаются в БД увеличивая ее размер и в итоге замедляют работу сайта. Для очистки и оптимизации работы БД можно использовать плагин Optimize DB. После установки и активации плагина перейдите в новый раздел который так и называется WP-Optimize:
Будьте предельно осторожны с пунктами, отмеченными красным шрифтом. А так же перед любыми действиями с Базой Данных рекомендуется делать Backup
Примечание: Если ваша база данных MySQL использует таблицы формата InnoDB, то такие таблицы оптимизироваться не будут. WP-Optimize просто пропустит их при выполнении операций. Но вы сможете оптимизировать такие таблицы вручную, используя phpMyAdmin.
4. Настройка файла .htaccess
В файле .htaccess — задаются дополнительные команды для хостинга.С помощью специальных настроек можно убрать лишнюб нагрузку на сервер, и ускорить работу сайта.
Задаем кэширование на стороне браузера для изображений, css и js фалов. Для этого в .htaccess добавляем следующий код:
FileETag MTime SizeExpiresActive on ExpiresDefault "access plus 1 year"
Включаем gzip сжатие страниц перед отправкой их пользователю. В .htaccess вставляем следующий код:
mod_gzip_on Yes mod_gzip_dechunk Yes mod_gzip_item_include file .(html?|txt|css|js|php)$ mod_gzip_item_include handler ^cgi-script$ mod_gzip_item_include mime ^text/.* mod_gzip_item_include mime ^application/x-javascript.* mod_gzip_item_exclude mime ^image/.* mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*
Большая часть спам комментариев отправляются спам ботами. Этим кодом мы запретим напрямую отсылать комментарии минуя форму комментирования. Теперь спам боты не смогу отправлять комментарии.
RewriteEngine On RewriteCond %{REQUEST_METHOD} POST RewriteCond %{REQUEST_URI} .wp-comments-post.php* RewriteCond %{HTTP_REFERER} !.*yourdomain.ru.* [OR] RewriteCond %{HTTP_USER_AGENT} ^$ RewriteRule (.*) ^http://%{REMOTE_ADDR}/$ [R=301,L]
5. Настройка Robots.txt
Помимо роботов от Yandex и Google на сайт заходит множество ботов от различных поисковых систем и не только. Запретить на сайт вход различным поисковым роботам, грабберам и парсерам, которые могут воровать контент и создавать ненужную нагрузку на хостинг можно в файле Robots.txt. Как правильно настроить Robots.txt можно ознакомиться в этой статье
6. Оптимизация кода темы
Оптимизация кода темы заключается в том чтобы убрать ненужные запросы и/или заменить их на конкретные значения, например название сайта.
7. Ускорить сайт с помощью кэширования
Установите плагины для кэширования страниц и оптимизации CSS, JavaScript файлы
Плагины кеширования: WP Super Cache – один из самых популярных плагинов. Также можно использовать плагины WP Total Cache, WP Rocket и WP Fastest Cache.
Плагин оптимизации CSS и JavaScript файлов: Один из таких плагинов — Autoptimize. Очень прост в использование и совместим с выше упомянутыми плагинами кэширования, но Будьте осторожны: объединение и минимизация CSS и JavaScript кода может спровоцировать неполадки в работоспособности сайта, поэтому после активации проверьте сайт. Но не бойтесь сделать что-то не так. Подобного рода проблемы можно предотвратить, если отключить плагин и очистить кэш с помощью плагинов кэширования.
8. WordPress плагины — для ускорения скорости загрузки сайта
Не оставляйте включенными плагины которые вы не используете они так же замедляют загрузку сайта. Некоторым плагинам не обязательно давать работать постоянно, например плагин WP-Optimize можно включать только на период работы с ним.
9. Используйте CDN сети для более быстрой загрузки контента
Сеть доставки контента (CDN) — это служба, которая принимает все ваши статические файлы и позволяет посетителям быстро загружать их, обслуживая файлы с серверов, географически близких к посетителю сайта. Чем ближе они к серверу, тем быстрее может передаваться информация о файлах, что ускоряет работу вашего сайта для пользователей по всему миру.
Например, если вы работаете с CDN с серверами в США и Индии, посетители сайта из Индии получат файлы с ближайшего к ним сервера, а не попытаются получить доступ к файлам с серверов США.
10. Используйте асинхронную загрузку скриптов
Если Вы используете на своем сайте сторонние скрипты, такие как Yandex Metrika, Google Analytics, Jivo Site и другие подобные добавьте к ним параметр async , это означает, что скрипт загружается асинхронно, то есть не мешает загрузке вашего сайта и отображению контента на нем. Говоря совсем просто, последовательность такова: сперва загружаются все ресурсы вашего сайта, и только потом, когда страницей можно полноценно пользоваться, начинается загрузка скрипта
Пример:
С учетом этих советов у вас должно получиться легко ускорить ваш сайт, чтобы повысить конверсии и улучшить рейтинг в поисковых системах. С какого из этих советов вы начнете?
Совет из личного опыта, в дополнение к хостингу и вообще для ускорения использую w.tools. Своя CDN, сервера в 31 стране, кеш статики и динамики, минификация js\css и кешируемого html, мониторинг, бэкапы, антивирус, специальная оптимизация для современных браузеров — с переформатированием в самый эффективный формат webp, и много всяких полезностей для ускорения. Подключился и ни разу не пожалел, сайт полетел.
Приветствую. Отличная статья, как раз подумывал об оптимизации блога. Так как тема у меня купленная, мне не вариант лезть в её код. обновления прилетают и всё на смарку. Рассматриваю варианты с плагином. Спасибо за статью.