Как ускорить сайт — 5 шагов, которые делаются за вечер

Медленный сайт теряет людей молча. Грузится дольше пары секунд — и часть посетителей уходит, не дождавшись, причём ты этого даже не видишь в статистике.

И вот хорошая новость: чаще всего сайт тормозят не «сложные скрипты», а тяжёлые картинки. А это чинится за вечер, без переписывания кода и без программиста. Вот пять шагов по порядку.

Шаг 1. Измерь, прежде чем чинить

Не угадывай — замерь. Открой бесплатный PageSpeed Insights (pagespeed.web.dev), вставь адрес сайта, нажми «Анализировать».

Тебе важна одна цифра — LCP (Largest Contentful Paint): за сколько секунд появляется самый крупный элемент страницы. Хорошо — меньше 2,5 секунды. Заодно прокрути вниз: сервис прямым текстом перечислит, что тормозит. Запиши число сейчас — в конце сравнишь.

Шаг 2. Сожми картинки

Это почти всегда главный виновник. Фотография с телефона весит 4–8 мегабайт, а на странице ей хватило бы 200 килобайт — разница в десятки раз.

Что сделать:

1. Открой Squoosh (squoosh.app) — бесплатный, прямо в браузере.
2. Перетащи туда картинку.
3. Справа выбери формат WebP — он легче обычного JPEG при той же картинке.
4. Двигай ползунок качества к 75–80%: на глаз не отличишь, а вес падает в разы.
5. Скачай и замени файл на сайте.

Пройдись так по всем крупным изображениям. Один этот шаг часто срезает время загрузки вдвое.

Шаг 3. Включи ленивую загрузку

Браузер по умолчанию тащит все картинки сразу, даже те, что в самом низу и которых посетитель, может, и не увидит. «Ленивая загрузка» откладывает их до момента, когда человек до них долистает.

Делается одним словом в теге картинки:

<img src="photo.webp" loading="lazy" alt="описание">

Добавь loading="lazy" ко всем картинкам, кроме самой первой (её, наоборот, надо показать сразу). В большинстве конструкторов сайтов это галочка «lazy load» в настройках изображения.

Шаг 4. Поставь сайт за CDN

CDN — это сеть серверов по всему миру, которая держит копии твоего сайта поближе к каждому посетителю. Человек из Алматы получает страницу с ближнего сервера, а не через полпланеты. Как это работает внутри — в разборе что такое CDN.

Хорошая новость: подключать вручную обычно ничего не надо. Современные хостинги (Vercel, Netlify, Cloudflare Pages) раздают сайт через CDN автоматически. Если твой — нет, бесплатный план Cloudflare включается за пять минут и закрывает этот шаг.

Шаг 5. Перепроверь — и вот что получится

Вернись в PageSpeed Insights и прогони сайт заново. Сравни LCP с цифрой из шага 1.

Что обычно видишь после сжатия картинок и ленивой загрузки: время до появления контента падает в полтора-два раза, оценка ползёт из красной зоны в зелёную, страница ощутимо «оживает» на телефоне. Без единой строчки новой логики — ты просто перестал заставлять браузер тащить лишнее. Кстати, скорость учитывает и поиск: быстрый сайт ранжируется выше — это часть того, что такое SEO.

Почему сайт всё равно медленный после сжатия картинок?

Значит, виновник другой. Частые причины: тяжёлые сторонние скрипты (чаты, аналитика, виджеты), слишком большой шрифт-файл или медленный хостинг. Вернись к отчёту PageSpeed из шага 1 — он перечисляет проблемы по убыванию важности. Чини сверху вниз.

Влияет ли скорость сайта на позиции в Google?

Да. Скорость — один из факторов ранжирования, а медленный сайт ещё и теряет посетителей до того, как они что-то увидят. Но сначала сайт вообще должен попасть в индекс — об этом отдельно: почему сайта нет в Google.