Как ускорить загрузку сайтов?

Скорость сайта чаще всего упирается не в вес картинок, а в цепочку блокирующих запросов: тяжёлые шрифты с внешних доменов и неминифицированный CSS с JS, которые браузер должен загрузить и разобрать до того, как покажет текст. Проверить, что именно тормозит, можно бесплатно в PageSpeed Insights от Google - он показывает конкретный элемент, который дольше всего появляется на экране, и почему.

Показатель, на который стоит смотреть в первую очередь, - LCP, время отрисовки самого крупного элемента экрана: по методике Google Core Web Vitals хорошим считается результат до 2,5 секунды. Часто LCP тормозят именно шрифты и стили, а не фотографии - на мобильном большую картинку нередко вообще прячут через CSS, и тогда браузер не должен её грузить вовсе, если верстка сделана аккуратно.

Практические шаги с самым заметным эффектом: перенести шрифты на свой сервер вместо подключения к Google Fonts или другому внешнему домену - это убирает лишний DNS-запрос перед загрузкой шрифта, сжать изображения в WebP, включить кеширование страниц на хостинге и отложить неважные скрипты вроде счётчиков аналитики и виджетов чата до момента, когда страница уже отрисовалась.

Если после базовых правок скорость всё ещё низкая, вероятно, дело в самом хостинге: слабый тариф не тянет сайт при росте посещаемости, и здесь поможет только переход на более быстрый сервер. На нашем опыте перенос шрифтов к себе и склейка стилей первого экрана в один блок обычно дают самый заметный скачок из всех доступных без смены хостинга правок.