Скорость загрузки сайта: как проверить и ускорить

Посетитель не ждёт. Если страница думает три-четыре секунды, человек закрывает вкладку и уходит к конкуренту, который открылся сразу. А поиск видит, что сайт медленный, и опускает его ниже. Получается двойная потеря: и люди уходят, и позиции падают.

Хорошая часть в том, что скорость измеряется бесплатно за пару минут, а половина проблем чинится без переделки сайта. Разберём, чем мерить, какая скорость нормальная, почему сайт тормозит и что с этим делать.

Чем проверить скорость загрузки сайта#

Запрос «проверить скорость загрузки сайта» ищут чаще всего - и правильно, начинать надо с замера. Три бесплатных инструмента.

• Google PageSpeed Insights. Главный инструмент. Вставляете адрес, получаете оценку отдельно для телефона и компьютера плюс конкретные подсказки, что тормозит. Показывает Core Web Vitals - метрики, по которым Google судит о скорости.
• Яндекс Вебмастер. Раздел со скоростью сайта показывает, как страницы грузятся у реальных посетителей с мобильных. Полезно для рунета, где основной трафик из Яндекса.
• Наш бесплатный аудит. Проверка видимости замеряет время ответа сервера и смотрит, включено ли сжатие страниц, - вместе с тремя десятками других сигналов поиска и нейросетей.

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

Какая скорость считается нормальной#

Без сложных терминов. У скорости два слоя.

Первый - как быстро отвечает сервер. Это время от запроса до первого ответа. Ориентир: меньше одной секунды. Если сервер думает по две-три секунды до того, как вообще начать отдавать страницу, дальше уже не спасёт ничего.

Второй - как быстро посетитель видит основное содержимое. Google измеряет это метрикой LCP. Хороший результат - в пределах 2,5 секунды на мобильном. Если основной экран появляется через 4-5 секунд, это медленно.

Простое правило для бизнеса: страница должна показать главное за пару секунд. Дольше трёх - вы теряете людей ещё до того, как они прочитали предложение.

Почему сайт тормозит: главные причины#

Обычно виноват не один фактор, а несколько разом. Вот что встречается чаще всего, по убыванию вреда.

• Тяжёлые картинки. Фотографии в исходном размере на несколько мегабайт - причина номер один. Браузер качает их целиком, даже если на экране картинка маленькая.
• Нет сжатия страниц. Сервер отдаёт код в полном весе вместо сжатого. Сжатие (gzip или brotli) уменьшает вес в разы и обычно включается одной настройкой.
• Гора скриптов и виджетов. Чаты, счётчики, карты, попапы, анимации - каждый виджет тянет свой код. По отдельности мелочь, вместе - секунды.
• Слабый или далёкий хостинг. Дешёвый перегруженный сервер отвечает медленно. Сервер за рубежом добавляет задержку для российских посетителей.
• Нет кэширования. Без кэша сервер собирает каждую страницу заново на каждый заход, вместо того чтобы отдать готовую.

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

По тем же причинам, от простого к сложному. Часто хватает первых двух шагов.

1. Сожмите картинки и переведите в webp. Самый быстрый выигрыш. Формат webp весит заметно меньше при том же качестве. Большие фото уменьшите до реального размера показа.
2. Включите сжатие страниц. gzip или brotli на стороне сервера или хостинга. Обычно это одна галочка в панели.
3. Настройте кэширование. Браузерный кэш для картинок и стилей, серверный - для страниц. Повторные заходы становятся мгновенными.
4. Уберите лишние скрипты. Пройдитесь по виджетам: чат, которым не пользуются, три счётчика аналитики, тяжёлый слайдер. Что не нужно - снести.
5. Проверьте хостинг и протокол. Медленный сервер меняют на нормальный, включают HTTP/2 - он грузит файлы параллельно, а не по очереди. Для статики помогает CDN.

После каждого шага перемеряйте - так видно, что дало эффект.

Скорость на Тильде и WordPress#

Два самых частых случая, их ищут отдельно.

Тильда. Платформа сама по себе быстрая, но её легко перегрузить. Сжимайте картинки до загрузки, не ставьте десяток анимаций и тяжёлых блоков подряд, убирайте лишние внешние виджеты. Глубоко в код Тильды не залезть - это плата за простоту конструктора.

WordPress. Здесь больше рычагов. Плагин кэширования, оптимизация картинок, сокращение числа плагинов (каждый добавляет вес), лёгкая тема вместо перегруженной. Главная беда WordPress - десятки плагинов «на всякий случай», которые тянут сайт вниз.

Общий потолок такой: на конструкторе вы упираетесь в саму платформу. Если выжали оптимизацию, а сайт всё равно медленный, дело в фундаменте - и быстрее переехать на нормально собранный сайт, чем бесконечно латать.

Частые заблуждения#

«У меня быстрый интернет, сайт открывается мгновенно». Вы смотрите из своего города, с кэшем, возможно с компьютера. Посетитель с телефона в метро видит другую картину. Меряйте инструментами, а не на глаз.

«Дизайн красивый, значит, и сайт хороший». Красота и скорость - разные вещи. Тяжёлый дизайн с анимациями часто и есть причина тормозов.

«Сделаю один раз и забуду». Скорость уползает со временем: добавили виджет, залили тяжёлые фото, поставили плагин. Перепроверяйте раз в несколько месяцев.

Что дальше#

Скорость - один из сигналов, по которым сайт находят и по которым его не бросают. Но он не единственный. Чтобы увидеть всю картину - скорость, сжатие, защита, индексация, готовность к нейросетям - прогоните сайт через бесплатный аудит на 30 показателей.

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

Источники#

• Google PageSpeed Insights
• Google: Core Web Vitals
• Наш разбор: почему сайт не виден в поиске
• Наш разбор: бесплатный SEO и GEO аудит сайта