Про скорость сайта пишут много и обычно одно и то же. Разбираем, что об этом говорят сами поисковые системы и в каком порядке имеет смысл что-то делать.
Коротко
- Google: Core Web Vitals используются системами ранжирования.
- Яндекс о влиянии на позиции в справке не говорит.
- Порядок работ важнее полноты списка.
- Ускорение само по себе трафика не добавляет.
Что говорят поисковые системы
| Источник | Формулировка |
|---|---|
| Google о page experience | Core Web Vitals используются системами ранжирования |
| Google об остальных сигналах | Прочие аспекты напрямую поднять сайт не помогают |
| Google о приоритете | Поиск показывает самое релевантное, даже если опыт неидеален |
| Google о едином сигнале | Единого сигнала нет |
| Яндекс в справке об ускорении | О ранжировании не упоминает |
Третья строка задаёт правильные ожидания. Быстрая страница не обгонит более подходящую запросу медленную: скорость работает как уточнение при прочих сравнимых условиях, а не как замена соответствию запросу. Про сами метрики — в статье про Core Web Vitals.
Десять мер из справки Яндекса
| Мера | Что означает на практике |
|---|---|
| Уменьшить число HTTP-запросов | Меньше отдельных файлов на странице |
| Устранить блокирующие отрисовку ресурсы | Стили и скрипты не должны держать показ |
| Уменьшить размер CSS, JavaScript, HTML | Минификация и удаление неиспользуемого |
| Использовать CDN | Раздача файлов ближе к посетителю |
| Настроить кэширование и Gzip-сжатие | Серверные заголовки |
| Сжимать изображения | Обычно самый крупный резерв |
| Отложить загрузку изображений | Только то, что ниже первого экрана |
| Оптимизировать серверный код | Запросы к базе, кэш на стороне сервера |
| Использовать только быстрые CSS-анимации | Анимации не должны нагружать отрисовку |
| Сократить количество редиректов | Каждый добавляет ожидание |
Список полезен тем, что он короткий и закрытый: это всё, что Яндекс называет в справке. Инструмент замера там назван один — отчёты Яндекс Метрики, а не сторонние сервисы оценки. Про цепочки переадресаций — в статье про цепочки редиректов.
В каком порядке это делать
Замерить по своим посетителям
Отчёт Метрики, а не одна проверка.
Найти, где уходит время
Сервер, картинки или скрипты.
Сначала изображения
Обычно самый крупный и дешёвый резерв.
Потом блокирующие ресурсы
Стили и скрипты в начале страницы.
Потом сервер и кэширование
Требует участия разработчика.
Скрипты сторонних сервисов — отдельно
Их обычно больше, чем помнят.
Второй шаг решает, будет ли работа осмысленной. Если время уходит на ответ сервера, сжатие картинок почти ничего не изменит, и наоборот — поэтому порядок работ определяется замером, а не списком рекомендаций из статьи. Про замер — в статье о том, влияет ли скорость на позиции в Яндексе.
Куда обычно уходит время
| Причина | Признак в отчёте |
|---|---|
| Тяжёлые изображения | Долгая загрузка при быстром ответе сервера |
| Медленный сервер или база | Велико время ответа сервера |
| Много сторонних скриптов | Долгий путь до отрисовки |
| Шрифты, загружаемые поздно | Текст появляется с задержкой |
| Цепочки переадресаций | Заметное время на редиректы |
| Отсутствие кэширования | Повторные визиты не быстрее первых |
Последняя строка проверяется быстрее всех остальных: откройте страницу второй раз. Если повторный заход не стал заметно быстрее, заголовки кэширования либо не настроены, либо запрещают хранение. Про серверные заголовки — в статье про Last-Modified и ETag.
Чего ждать от ускорения
Обычно происходит
- Меньше уходов до загрузки
- Лучше поведенческие показатели
- Роботу дешевле обходить сайт
- Мобильным посетителям заметнее всего
Обычно не происходит
- Резкого роста позиций
- Появления трафика по новым запросам
- Компенсации слабого контента
- Изменений в тот же день
Первая строка слева — то, ради чего работа и делается. Посетитель, закрывший страницу до её появления, не попадёт ни в одну воронку, и никакая дальнейшая оптимизация его не вернёт. Про поведение — в статье про поведенческие факторы.
Частые ошибки в ускорении
| Ошибка | Чем плохо |
|---|---|
| Гнаться за оценкой сервиса | Оценка не равна опыту посетителей |
| Отложить загрузку главной картинки | Главное появляется позже |
| Мерить одну проверку | Результат каждый раз разный |
| Ускорять только главную | Трафик идёт на внутренние страницы |
| Убрать нужные скрипты | Ломается аналитика или формы |
Вторая строка встречается чаще всего и возникает из добрых побуждений. Отложенная загрузка применяется к тому, что ниже первого экрана; применённая к главному изображению, она замедляет именно тот показатель, ради которого ускоряют. Подробно — в статье про ленивую загрузку изображений.
Частые вопросы
Влияет ли скорость сайта на позиции?
Google пишет, что Core Web Vitals используются его системами ранжирования, но поиск показывает самое релевантное содержание даже при неидеальном опыте страницы. В справке Яндекса об ускорении влияние на ранжирование не упоминается.
С чего начинать ускорение сайта?
С замера по своим посетителям и поиска, где именно уходит время. Если время уходит на ответ сервера, сжатие картинок почти ничего не изменит.
Какие меры называет Яндекс?
Десять: меньше HTTP-запросов, устранить блокирующие отрисовку ресурсы, уменьшить размер CSS, JS и HTML, CDN, кэширование и Gzip, сжатие изображений, отложенная загрузка изображений, оптимизация серверного кода, быстрые CSS-анимации, меньше редиректов.
Вырастет ли трафик после ускорения?
Само по себе ускорение новых запросов не добавляет. Оно сокращает потери посетителей, которые уходили до загрузки, и улучшает поведенческие показатели.
Сделаем сайт, который приносит заявки
Спроектируем структуру под запросы, соберём и запустим — с учётом SEO с первого дня.
Обсудить разработку
