Важный параметр сайта для удобства пользователей и SEO продвижения — это скорость загрузки страниц. SEO специалисты спорят, влияет ли скорость на позиции сайта в поисковых сетях или нет. На этот счет есть железно бетонный аргумент: показатели отказов и удобство сайта — это те параметры на которые ориентируются Яндекс и Google. А значит как минимум косвенно скорость загрузки сайта влияет на позиции в поисковой выдачи.
Для SEO оптимизации нашего сайта snowwolves.ru я выписал топ-10 конкурентов по ключевому запросу в Google и Яндекс, проанализировал по разным параметрам. Два из этих параметра стали: cкорость загрузки сайта и оценка Google Pagespeed. Теперь моя задача стала — обойти конкурентов по этим показателям.
Сервисы для замера скорости сайта:
gtmetrix.com — можно проводить до 50 запросов в сутки и мониторить одну страницу бесплатно.
pingdom.com — есть пробная версия на 30 дней. Сайт сканирует все страницы автоматически раз в пол часа.
Сюда помещаем все важные страницы сайта и тестируем. Можно даже собрать статистику за сутки, что бы были данные для сравнения. Я ещё взял страницы конкурентов, для стравнения.
Ключевые моменты которые влияют на скорость загрузки страницы:
- Время ответа сервера.Чем быстрее сервер соберёт и отдаст страницу, тем быстрее получим результат.
- Размер всех файлов: html, css, js, картиники, видео, шрифты и т.д.
- Количество запросов. Что бы скачать каждый файл (css, js, картинку), браузер отправляет отдельный запрос и ждет ответ. Чем больше фалов больше времени. Например файл css в 100 КБ загрузится быстрее, чем два по 50 КБ.
Дальше я вооружился несколькими обзорами, стал по очереди устанавливать рекомендованные плагины на WordPress, настраивать и тестировать свой сайт. За два дня мне удалось добиться хороших показателей по скорости.
Для примера главная страница сайта до оптимизации:
First Contentful Paint — 1,7 сек.
Time to Interactive — 5,3 сек.
Оценка PageSpeed для мобильных — 7
Оценка PageSpeed для мобильных — 41
Содержание страницы:
Содержание главной страницы до оптимизации:
Результат после оптимизации:
First Contentful Paint — 0,6 сек.
Time to Interactive — 1,8 сек.
Оценка PageSpeed для мобильных — 47
Оценка PageSpeed для мобильных — 92
Содержание главной страницы после оптимизации
График изменения размера страницы и количества запросов. (Цветами обозначены типы файлов на картинке выше)
И так к сути. В ходе оптимизации я:
- Удалил все лишние плагины. Каждый плагин нагружает WordPress и снижает скорость работы сайта. Поэтому оставляем только самое необходимое.
- Удалил все лишние счетчики (Рамблер и Mail) и сторонние скрипты (Рейтинг Яндекс, Онлайн Чат). Каждый такой скрипт делал лишние забросы на сторонние сервера и значительно влияет на показатели скорости.
- Установил плагины WP-Optimize и WebP Converter и оптимизировал с помощью них WordPress
WP-Optimize plugins
Плагин для оптимизации скорости сайта, оптимизации базы данных и Cache.
Плагин может:
- Оптимизировать и очистить БД.
С помощью плагина вы можете почистить базу данных от разного мусора, например от спамных комментариев, черновиков, автосохранений. Приятной опцией стала возможность удалить таблицы от старых, уже удаленных плагинов. - Оптимизировать картинки.
Я например загружал слишком большие картинки на сайт, каждая из которых весила больше мегабайта. Плагин позволяет сжать все картинки загруженные ранее. - Настроить Chache на сервере.
Плагин может сохранять закэшированные страницы на сервере. Вместо того, что бы каждый раз исполнять php скрип, делать запросы к базе данных, сервер будет отдавать уже готовую html страницу. Это сокращает скорость ответа и нагрузку на сервер. - Включить GZIP сжатие.
С помощью GZIP сжатия вы уменьшите размер ответов на 50-70%. - Настроить время жизни Chashe в браузере пользователя.
Это позволит не загружать пользователям при повторном заходе на сайт не загружать поновой все картинки, файлы css и js. Все они будут храниться у пользователя в кэше браузера. - Оптимизировать CSS и JS файлы.
По мимо картинок, файлы и библиотеки css и js очень много весят. Плагин позволяет отключить неиспользуемые стили, скрипты и объединить файлы, что существенно увеличивает скорость загрузки. - Настроить подгрузку шрифтов.
WebP Converter plugins
Плагин для конвертации картинок в Webp.
Webp — формат сжатия картинок без потери качества, предложенный компанией Google в 2010 году. Сейчас его уже поддерживают все браузеры. Последним включил поддержку Sofari в 2019 год.
Плагин конвертирует все файлы Jpeg, Jpg, Png, Gif в формат WebP. Это позволяет уменьшить размер картинки на 30% без потери качества.
Так же плагин может отформатировать все ранее загруженные картинки.
True Lazy Analytics plugins
Плагин для отложенной загрузки счётиков Яндекс Метрика и Google Analitycs
True Lazy Analytics — отличный плагин. Яндекс Метрика сильно тормозила загрузку сайта.
Google Pagespeed показывает хорошие результаты после настройки плагина и подключения счетчиков через него.
