Скорость сайта — единственный фактор ранжирования, который поисковые системы называют прямо и который при этом полностью в вашей власти. Проверка выше показывает время ответа и вес страницы; ниже — как читать эти цифры и в каком порядке за них браться.
Одно число ничего не говорит
«Сайт грузится за 3 секунды» — бесполезная формулировка, потому что непонятно, что именно за три секунды произошло. Смотреть надо на три разных момента.
Первый — когда человек увидел на экране хоть что-то осмысленное: заголовок, картинку, начало текста. Ориентир — уложиться в 2,5 секунды. Именно эта величина попала в набор показателей, которые Google называет основными.
Второй — когда страница перестала прыгать. Если картинка догрузилась и сдвинула текст, а баннер согласия выехал под пальцем, человек промахивается по кнопке и злится. Меряется это отдельно от времени и часто оказывается хуже.
Третий — когда страница начала отвечать на нажатия. Скрипты бывают заняты своим делом секунду и больше, и в этот момент интерфейс выглядит рабочим, но не реагирует. Ориентир — 200 миллисекунд.
- Появилось главноедо 2,5 с
- Заголовок, картинка или начало текста — то, ради чего человек пришёл.
- Перестало прыгатьдо 0,1
- Картинка догрузилась и сдвинула текст, баннер выехал под пальцем — человек промахивается по кнопке.
- Начало отвечатьдо 200 мс
- Скрипты заняты своим делом, интерфейс выглядит рабочим и не реагирует на нажатия.
Что обычно тормозит на самом деле
По нашему опыту проверок причина почти никогда не в хостинге, хотя думают на него первым. Чаще всего это картинки: их отдают в исходном размере со смартфона на два мегабайта и уменьшают средствами браузера. Человек скачивает два мегабайта, чтобы увидеть картинку шириной в триста точек.
Второе место — сторонние скрипты. Счётчики, чаты, виджеты обратного звонка, пиксели рекламных систем. Каждый по отдельности выглядит безобидно, вместе они дают ту самую задержку отклика, и на телефоне это заметно сильнее, чем на рабочем компьютере.
Третье — шрифты. Подключённые с чужого домена, они блокируют показ текста, пока не загрузятся, и посетитель несколько секунд смотрит на пустое место там, где уже мог бы читать.
С чего начинать
Порядок определяется отношением выигрыша к трудозатратам, и он почти всегда одинаковый. Сжать и правильно раздать изображения — самое дешёвое и самое заметное действие. Убрать скрипты, которыми никто не пользуется: обычно на сайте живёт два-три счётчика, поставленных когда-то и забытых. Включить сжатие и кеширование на сервере — настройка на десять минут. И только потом браться за код, потому что это уже работа разработчика.
Чего делать не стоит
Гнаться за сотней баллов в измерителе. Разница между 85 и 95 баллами для посетителя незаметна, а стоит она обычно переделки половины вёрстки. Смысл имеет выход из красной зоны, а не рекорд.
И полагаться на один замер. Проверять скорость загрузки сайта нужно по мобильной версии, потому что там она хуже, и несколько раз — первый заход и повторный отличаются из-за кеша. Один удачный замер на рабочем компьютере говорит только о том, что у вас быстрый интернет.