Медленный сайт — не вопрос удобства, а вопрос денег. За рекламу вы платите в момент, когда человек переходит на сайт, а продажа происходит уже после того, как страница открылась. За тех, кто ушёл в эти две-три секунды, вы уже заплатили.
На практике причина почти всегда в одном из четырёх мест.
1. Изображения
Самая частая причина и самая простая в исправлении. Типичный случай: фотография шириной 4000 пикселей и весом 6 мегабайт стоит на месте шириной 400 пикселей. Браузер скачивает все 6 мегабайт и только потом уменьшает картинку.
Что делать:
- Готовить изображение под тот размер, в котором оно будет показано
- Перейти на формат
WebP— то же качество при файле в два-три раза меньше - Ставить
loading="lazy"всему, что не видно на первом экране
2. Шрифты
Каждое дополнительное семейство и каждое начертание — отдельный файл. Три шрифта по четыре начертания — это двенадцать файлов, и все они должны загрузиться до того, как появится текст.
Двух семейств достаточно. Берите только нужные начертания, а не все подряд. А font-display: swap покажет текст ещё до того, как шрифт доедет, — посетитель не будет смотреть в пустой экран.
3. Сторонние скрипты
Аналитика, виджет чата, карта, кнопки «поделиться», пиксель, баннер. Каждый идёт на свой сервер, и часто ваш сервер их ждёт.
Вопрос простой: на какое решение этот скрипт повлиял за последний месяц? Если ответа нет — удалите. Особенно системы аналитики, которые поставили и забыли.
4. Хостинг
На самом дешёвом shared-хостинге один сервер делят сотни сайтов. Если проверять в три часа ночи, сайт кажется быстрым; в рабочее время — уже нет.
Проверить просто: замерьте скорость в разное время суток. Если разброс большой, дело не в коде, а в сервере.
Как измерять
Не на глаз, а цифрой. PageSpeed Insights бесплатен и меряет по собственным критериям Google — то есть показывает ровно то, что учитывается в поиске.
Смотрите на два показателя: LCP (когда появился самый крупный элемент) должен быть меньше 2,5 секунды, CLS (насколько страница прыгает при загрузке) — меньше 0,1.
И смотрите мобильный результат, а не десктопный. Большинство ваших посетителей на телефоне, а мобильный интернет всегда медленнее офисного.
Все четыре пункта чаще всего чинятся без переделки сайта. Если же сайт достаточно старый и каждая правка ломает что-то ещё — это другой разговор, и там редизайн обычно выходит дешевле.