newUX: new User Experience

Как ускорить загрузку сайта: 10 шагов без разработчика

admin 3 мин чтения

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

Почему скорость важна

Клиент решает за первые секунды, туда ли он попал. Если страница грузится дольше трёх секунд, часть посетителей уходит ещё до того, как увидит предложение. Скорость влияет и на позиции в поиске: поисковые системы измеряют удобство загрузки через Core Web Vitals.

10 шагов

1. Сожмите изображения

Картинки это самый частый источник тормозов. Прогоните их через сервис сжатия и уберите лишнее разрешение: фото на всю ширину не нужен размер 4000 пикселей.

2. Используйте современные форматы

WebP и AVIF весят меньше при том же качестве, чем PNG и JPEG. Большинство конструкторов и плагинов конвертируют картинки автоматически.

3. Указывайте размеры изображений

Когда браузер заранее знает высоту и ширину, вёрстка не прыгает во время загрузки. Это улучшает показатель стабильности CLS.

4. Включите кэширование

Кэш браузера и сервера позволяет не отдавать одни и те же файлы заново. Для статических файлов достаточно заголовков кэширования.

5. Уберите лишние скрипты

Счётчики, чаты, карты, виджеты: каждый добавляет запросы. Проверьте, все ли из них нужны. Часто половину можно отключить без потерь.

6. Отложите тяжёлые скрипты

Всё, что не нужно при первом экране, можно грузить отложенно: чаты, карты, видео. Тогда они не задерживают отрисовку контента.

7. Уменьшите число плагинов

Каждый плагин это свои стили и скрипты. Чем меньше зависимостей, тем ниже риск конфликтов и медленной загрузки. Сравнение подходов есть в статье "Плагины WordPress или один скрипт".

8. Ускорьте загрузку шрифтов

Загружайте только нужные начертания и включайте display: swap, чтобы текст показывался сразу системным шрифтом, а не ждал подгрузки. Внешние шрифты стоит держать на быстром сервере или размещать локально.

9. Используйте CDN

Сеть доставки контента отдаёт файлы с ближайшего к клиенту сервера. Это заметно помогает, если аудитория распределена по регионам.

10. Проверьте хостинг

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

Как проверить результат

Откройте сайт на телефоне через мобильный интернет и замерьте загрузку. Для точных цифр используйте PageSpeed Insights: он покажет LCP, INP и CLS отдельно для мобильных и десктопа. Подробнее про метрики в статье "LCP: что это такое".

Итог

Ускорение сайта это не разовая переделка, а набор небольших правок. Начните с картинок и лишних скриптов: обычно этого достаточно, чтобы страница стала заметно быстрее. Общий план улучшений есть в гиде по сайту малого бизнеса.

← Все статьи