Вы находитесь на странице: 1из 26

Влияние скорости загрузки сайта на SEO

Как попасть в зеленую зону Google PageSpeed

Пилипец Артем https://www.facebook.com/artem.pilipec.seo

Автор и ведущий канала Школа SEO


https://www.youtube.com/channel/UCC2ceyjYomyB-DIwmQ9PSVg

Руковожу отделом продвижения в SEO7


https://seo7.com.ua/
Как скорость загрузки
влияет на SEO? ⚗️
Как оценить влияние скорость загрузки?
1. Собрал 1192 страниц
2. По запросам с частотностью от 200 поисков в месяц.
3. ТОП 50 Google.com.ua
4. По страницам собраны показатели видимости, и ссылочный рейтинг
через API Ahrefs
5. Собраны показатели сервиса PageSpeed Insights через Google API +
Netpeak Checker
6. Посчитал “линейный коэффициент корреляции Пирсона” между
показателями страницы и количеством запросов у страницы в ТОП 100.
Увеличивается ли
количество запросов в
ТОП100 при росте скорости
загрузки? 😱
Среднее значения корреляции имеют, только ссылочные показатели.
Матрица корреляции по всем показателям.

Большое спасибо: Viacheslav Varenia https://pro100blogger.com/


Важно: Корреляция не означает причинно-
следственную связь. Это просто наблюдение.

Утонувшие в бассейне коррелируют с энергией, вырабатываемой АЭС


Промежуточные выводы:
1. Ссылки имеют средний уровень корреляции с видимостью.
2. Какие либо показатели скорости загрузки не коррелируют с видимостью.
3. Это только наблюдение на моем наборе данных.

Так ли все просто?


Интересно, что после кластеризации, сформировалась группа страниц (зеленые точки)
у которой видимость улучшилась при определенном диапазоне “оценки скорости
загрузки”. В эту группу, попали страницы с хорошими ссылочными показателями.
Уточненные выводы
Из этого можно сделать предположения, что:

1. На общей выборке оценка скорости загрузки, Mobile First Meaningful


Paint, Mobile First Contentful Paint, Mobile Time to Interactive - не имеет
даже слабой линейной корреляции с видимостью. 😥
2. Но, при определенных обстоятельствах, не медленные страницы
получают больше видимости в Google.
3. Влияние скорости загрузки на выдачу более сложное и не линейное.
Полезные материалы по скорости загрузки
Несколько качественных материалов с анализом обновлений Google
https://pro100blogger.com/2020/02/fevralskoe-obnovlenie-algoritma-google.html
https://pro100blogger.com/2019/06/htobnovlenie-algoritma-google-iyun-2019.html

Demi Murych - Оптимизация под PageSpeed/LightHouse как фактор ран


жирования
- презентация основанная на экспериментальном анализе влияния
PageSpeed на ранжирование в поиске.

Website Performance Optimization - Бесплатный курс по оптимизации


скорости загрузки вместе с инженером Google.
Demi Murych - Оптимизация под PageSpeed/LightHouse как фактор ран
жирования
- презентация основанная на экспериментальном анализе влияния
PageSpeed на ранжирование в поиске.

Важные выводы из данных Demi Murych:

1. В вакууме, страницы ранжируются по скорости загрузки.


2. Наибольшее влияние на оценку PageSpeed оказывает скорость
рендеринга первого видимого контента.
3. Оценка PageSpeed — это, просто тест, реальная оценка
собирается на основе посетителей.
Как попасть в
зеленую зону Google
PageSpeed ✔️
Что оценивает гугл

https://support.google.com/webmasters/answer/9205520?hl=ru
Как грузиться страница
Нужно:
Получение и обработка
HTML (DOM) 1. Включить серверное
JavaScript кэширование.
Получение и обработка 2. Уменьшить объем HTML, CSS, JS
СSS (CSSOM)
3. Отключить все ресурсы которые
не используются
Дерево рендеринга
4. Подключать только те ресурсы
Построение макета которые необходимы на данном
устройстве.
Отрисовка
Начнем с самого просто и рабочего
● Кешируйте страницы на стороне сервера
● Минифицируйте HTML, CSS, JS.
● Используйте сжатие HTML, CSS, JS
● Для JS не влияющих на отображение контента используйте асинхронную загрузку.
● Ставим мелкие CSS inline.

Для многих CMS достаточно включить модуль оптимизации скорости.

1. https://uk.wordpress.org/plugins/autoptimize/
2. https://uk.wordpress.org/plugins/w3-total-cache/

Изучите настройки сжатия, кэширования и минификации на своем хостинге


● https://www.ukraine.com.ua/faq/kewirovanie-na-storone-klienta.html#!8
1. ctrl + shift + i
2. Изучите медленные события
3. Отключите то, что не нужно
Доп: Не забудьте про изображения
1. Не используйте html масштабирование.
2. Сжимайте файлы изображений.
3. По возможности используйте webp.
4. Используйте Lazy loading

Все это можно автоматизировать:


● https://uk.wordpress.org/plugins/ewww-image-optimizer/
● https://uk.wordpress.org/plugins/imagify/
Доп: Сократите ответ сервера
1. Используйте актуальную версию PHP и CMS.
2. Используйте серверное кеширование.
3. Не злоупотребляйте плагинами.
4. Увеличе ресурсы сервера.
5. Отложите затратные по ресурсам процессы. (Синхронизация
содержимого, обновление карты сайта).
6. Оптимизируйте синхронизацию если её нельзя отложить.
Поднажмем до 100
🤩🤪
Как получить 100?
1. Возьмите дизайн с небольшой вложенностью
HTML и загрузкой: critical CSS, JS.
https://www.authorityhacker.com/fastest-wordpress-theme/

2. Сжатия и минификация.
3. Включите серверное кэширование.
Последнюю версию PHP. Увеличьте мощность
сервера.
4. Браузерное кэширование.
5. Жмем и обрезаем картинки на сервере.
6. Отключаем все скрипты и сторонние ресурсы
которые тормозят страницу.
Что будет если разогнать медленный сайт?

Разогнали сайт с минимальным трафиком с 25 до 100 в mobile и desktop. Без


смены контента. Ничего не трогали.

Получили скачек в видимости на 3 дня.


Выводы
1. Экспериментальным путем нам не удалось обнаружить линейную связь
между скоростью загрузки и видимостью.
2. Медленные страницы могут быть понижены в результатах поиска.
3. Скорость загрузки — это, часть оптимизации ПФ.
4. Прежде всего нужно ускорять отрисовку первого видимого контента.
5. 100 баллов выжать можно, но 80 — 70 вполне достаточно для выхода в
ТОП.
6. Скорость загрузки не даст вам позиций если с остальными факторами
проблемы.
Спасибо
Viacheslav Varenia https://pro100blogger.com/ — за анализ
данных.
udacity.com — за отличный материал
https://classroom.udacity.com/courses/ud884
Netpeaksoftware — за NetpeakChecker
https://netpeaksoftware.com/ru/checker

Оценить