CEO агентства
MBA, UTS Australia
13+ лет в маркетинге
13+ лет в маркетинге
Тимофей Белоглазов
Давайте подскажем,
как решить вашу задачу
как решить вашу задачу
(Оставить заявку)
Мы сделали 754 проекта и каждый из них уникальный, поэтому для старта нам важно познакомиться. Оставьте ваши контакты, а мы вам перезвоним в рабочее время.
Скорость загрузки сайта: как проверить и улучшить
- Сайты
8 мин
CEO агентства
MBA, UTS Australia
13+ лет в маркетинге
13+ лет в маркетинге
Telegram-канал
про маркетинг, digital и брендинг
про маркетинг, digital и брендинг
С шутками-прибаутками
Сайт, который грузится дольше 3 секунд, теряет больше половины мобильных посетителей — ещё до того, как они увидят ваш контент. В этой статье объясняем, как измерить скорость загрузки, что её замедляет и как это исправить. Если хотите получить быстрый, технически грамотный сайт сразу — закажите разработку сайта под ключ в маркетинговом агентстве DVIGA: скорость и Core Web Vitals входят в стандарт нашей работы.
Оглавление
Почему медленный сайт — это потери для бизнеса
Скорость загрузки сайта — это не техническая метрика «для разработчиков». Это напрямую деньги: клиенты, которые не дождались, и продажи, которые не случились.
Несколько цифр, которые стоит знать:
С 2021 года Google официально включил Core Web Vitals — метрики скорости и удобства — в факторы ранжирования. Яндекс движется в том же направлении. Это значит: медленный сайт не только теряет посетителей, но и опускается в поисковой выдаче.
Если вы не знаете, насколько быстро загружается ваш сайт, и хотите, чтобы этим занялись профессионалы — вы можете заказать разработку сайта под ключ в маркетинговом агентстве DVIGA. Скорость — стандартная часть нашей работы.
Несколько цифр, которые стоит знать:
- 53% мобильных пользователей закрывают сайт, если он грузится дольше 3 секунд (данные Google).
- Увеличение времени загрузки на 1 секунду снижает конверсию на 7% — это подтверждено исследованиями Akamai и Kissmetrics.
- Amazon подсчитал, что задержка в 100 миллисекунд стоит им 1% от годовой выручки.
- Bounce rate (процент отказов) резко растёт после 3 секунд: если страница грузится 5 секунд, вероятность отказа увеличивается на 90% по сравнению с загрузкой за 1 секунду.
С 2021 года Google официально включил Core Web Vitals — метрики скорости и удобства — в факторы ранжирования. Яндекс движется в том же направлении. Это значит: медленный сайт не только теряет посетителей, но и опускается в поисковой выдаче.
Если вы не знаете, насколько быстро загружается ваш сайт, и хотите, чтобы этим занялись профессионалы — вы можете заказать разработку сайта под ключ в маркетинговом агентстве DVIGA. Скорость — стандартная часть нашей работы.
Как измеряется скорость: Core Web Vitals
Google измеряет скорость не просто как «время загрузки страницы», а через набор конкретных метрик — Core Web Vitals. Понимание этих метрик помогает точнее диагностировать проблемы:
LCP — самая важная метрика для бизнеса. Именно она напрямую связана с конверсией: посетитель видит главный контент быстро → остаётся на странице → совершает целевое действие.
Нормы скорости: что считать хорошим результатом
Google PageSpeed Insights ставит сайтам баллы от 0 до 100. Вот что они означают:
PageSpeed Insights ставит оценки отдельно для мобильной и десктопной версии. Мобильный балл почти всегда ниже — именно на него смотрит Google при ранжировании. Не ориентируйтесь только на десктопный результат.
Средний балл PageSpeed для коммерческих сайтов в России — около 45−60 на мобильных. Если у вас 70+ на мобильных — вы уже лучше большинства конкурентов.
Как проверить скорость сайта: 5 инструментов
Начните с бесплатных инструментов — они дают достаточно данных для диагностики большинства проблем.
1. Google PageSpeed Insights
Адрес: pagespeed.web.dev. Главный инструмент — показывает Core Web Vitals по реальным данным из Chrome (если накоплена статистика) и по лабораторным тестам. Даёт конкретные рекомендации: «уменьшить размер изображений», «устранить ресурсы, блокирующие рендеринг» — с оценкой выигрыша в секундах для каждого пункта.
Фото: cайт pagespeed.web.dev
2. GTmetrix
Адрес: gtmetrix.com. Бесплатно с регистрацией. Даёт более детальный анализ: водопадный граф загрузки всех ресурсов, оценку по метрикам Core Web Vitals, историю изменений. Можно тестировать из серверов в разных регионах — выбирайте Лондон или Амстердам для имитации российских пользователей.
Фото: cайт gtmetrix.com
3. WebPageTest
Адрес: webpagetest.org. Бесплатный open-source инструмент с максимально детальным анализом. Позволяет тестировать на разных устройствах и скоростях соединения (3G Slow, 4G LTE). Особенно полезен для диагностики проблем с порядком загрузки ресурсов.
Фото: cайт webpagetest.org
4. Яндекс. Метрика
Для российских сайтов Яндекс. Метрика собирает реальные данные о скорости загрузки от ваших посетителей — не лабораторный тест, а фактическая скорость с реальных устройств. Найдите раздел «Мониторинг» → «Время загрузки страниц». Это самые честные данные о том, как сайт грузится для вашей аудитории.
Фото: cайт Яндекс. Метрика
5. Loading. Express
Адрес: loading.express. Русскоязычный сервис с тестированием из нескольких городов России — Москва, Санкт-Петербург, Новосибирск, Владивосток. Полезен, если ваша аудитория распределена по разным регионам страны и вы хотите проверить скорость именно для российских пользователей.
Фото: cайт loading.express
Что замедляет сайт: 8 основных причин
Большинство медленных сайтов страдают от одних и тех же проблем. Вот они с решениями:
Если диагностика показала несколько проблем сразу — это нормально. Комплексная оптимизация скорости входит в разработку сайта под ключ в маркетинговом агентстве DVIGA.
Как ускорить загрузку: пошаговый план
Рекомендуем работать в таком порядке: от самого простого и эффективного к сложному. Первые три шага дают 80% результата в большинстве случаев.
Шаг 1. Оптимизируйте изображения
Изображения — главная причина медленной загрузки в 70% случаев. Что делать:
- Переведите все изображения в формат WebP — он на 25−35% легче JPEG и PNG при сопоставимом качестве.
- Добавьте атрибут loading="lazy" для изображений ниже первого экрана — они будут загружаться только когда пользователь прокрутит к ним.
- Не загружайте изображение 2000×2000 px для блока шириной 400 px — задайте реальный размер при экспорте.
- Для WordPress: плагины ShortPixel, Imagify или Smush автоматизируют оптимизацию всей медиабиблиотеки.
Шаг 2. Настройте кэширование браузера
Кэширование позволяет браузеру сохранять файлы сайта локально, чтобы при следующем визите не загружать их заново. Статику — CSS, JS, картинки — можно кэшировать на год. HTML-страницы кэшируются на 1 день или без кэша (чтобы пользователь видел актуальный контент).
Для WordPress настройку кэша делают плагины WP Rocket, LiteSpeed Cache или W3 Total Cache. На Тильде кэширование настроено по умолчанию.
Для WordPress настройку кэша делают плагины WP Rocket, LiteSpeed Cache или W3 Total Cache. На Тильде кэширование настроено по умолчанию.
Шаг 3. Включите сжатие Gzip или Brotli
Сжатие уменьшает размер передаваемых файлов HTML, CSS и JS в 3−10 раз. Brotli эффективнее Gzip на 15−20% и поддерживается всеми современными браузерами. Включается в конфигурации сервера или через. htaccess — если у вас хостинг с cPanel, попросите техподдержку или включите в настройках панели.
Проверить, включено ли сжатие на вашем сайте, можно через Chrome DevTools: F12 → Network → выберите любой HTML/CSS файл → Headers → Content-Encoding: gzip (или br для Brotli).
Шаг 4. Минифицируйте CSS, JavaScript и HTML
Минификация — удаление пробелов, комментариев и лишних переносов строк из кода. Уменьшает размер файлов на 15−30% без потери функциональности. Для WordPress это делают те же плагины кэширования. Для кастомных сайтов — Terser (JS), cssnano (CSS), HTMLMinifier.
Шаг 5. Сократите количество HTTP-запросов
Каждый файл на странице — это отдельный запрос к серверу: CSS, JS, шрифты, картинки, аналитика, виджеты. Чем больше запросов — тем дольше загрузка. Что оптимизировать:
- Объединить несколько CSS-файлов в один, несколько JS-файлов в один.
- Встроить небольшие SVG-иконки прямо в HTML вместо отдельных файлов.
- Оставить только один-два шрифта (и только нужные начертания).
- Убрать неиспользуемые сторонние скрипты: старые пиксели, виджеты, счётчики.
Шаг 6. Подключите CDN
CDN (Content Delivery Network) — это сеть серверов по всему миру или стране. Когда пользователь заходит на сайт, статические файлы (картинки, CSS, JS) отдаются с ближайшего к нему сервера CDN, а не с основного сервера в Москве.
Для российских сайтов это особенно актуально, если аудитория распределена по регионам. Пользователь из Новосибирска будет загружать ваш сайт с сервера в Новосибирске, а не тянуть файлы через всю страну.
Варианты CDN: Cloudflare (бесплатный тариф), Bunny.net (платный, быстрый), SelectelCDN (российские серверы).
Для российских сайтов это особенно актуально, если аудитория распределена по регионам. Пользователь из Новосибирска будет загружать ваш сайт с сервера в Новосибирске, а не тянуть файлы через всю страну.
Варианты CDN: Cloudflare (бесплатный тариф), Bunny.net (платный, быстрый), SelectelCDN (российские серверы).
Шаг 7. Оцените хостинг
Если TTFB (время ответа сервера) больше 800 миллисекунд — проблема в хостинге. Никакая оптимизация изображений и кэширование не помогут, если сервер медленно отвечает.
На что обратить внимание при выборе хостинга:
Подробнее о том, как выбрать хостинг под задачи сайта, читайте в статье «Что такое хостинг сайта».
На что обратить внимание при выборе хостинга:
- Тип: SSD-хостинг быстрее HDD-хостинга в 5−10 раз — убедитесь, что используете SSD.
- Тариф: shared-хостинг (виртуальный) делит ресурсы с другими сайтами — при пиковой нагрузке у соседей замедляется и ваш сайт. VPS гарантирует выделенные ресурсы.
- Расположение: сервер должен быть в России, если ваша аудитория — российские пользователи.
Подробнее о том, как выбрать хостинг под задачи сайта, читайте в статье «Что такое хостинг сайта».
Мобильная скорость: почему она важнее десктопной
С 2023 года Google использует Mobile-First Indexing: сайт оценивается и ранжируется по своей мобильной версии. Это значит, что именно мобильный балл в PageSpeed влияет на ваши позиции в поиске — даже если большинство ваших покупателей заходят с компьютера.
Дополнительная сложность: PageSpeed тестирует мобильную версию, имитируя слабое устройство на соединении 4G. Реальные пользователи в регионах могут работать на более медленном соединении.
Типичная ситуация: сайт набирает 85 баллов на десктопе, но только 35 на мобильных. Это нормальная разница — но именно 35 баллов видит Google.
Как улучшить мобильную скорость отдельно от десктопной:
Дополнительная сложность: PageSpeed тестирует мобильную версию, имитируя слабое устройство на соединении 4G. Реальные пользователи в регионах могут работать на более медленном соединении.
Типичная ситуация: сайт набирает 85 баллов на десктопе, но только 35 на мобильных. Это нормальная разница — но именно 35 баллов видит Google.
Как улучшить мобильную скорость отдельно от десктопной:
- Используйте адаптивные изображения: тег <picture> с атрибутом srcset позволяет загружать уменьшенные версии для маленьких экранов.
- Избегайте тяжёлых hover-эффектов и анимаций — они нагружают слабые мобильные процессоры.
- Проверьте CLS на мобильных: реклама и виджеты часто вызывают смещение контента именно на маленьких экранах.
- Тестируйте на реальном устройстве среднего класса, не только на эмуляторе Chrome DevTools.
"
CEO агентства
Тимофей Белоглазов
Проблемы со скоростью на мобильных часто связаны с тем, как изначально разработан сайт. Если вам нужна профессиональная оптимизация — стоимость разработки сайта в маркетинговом агентстве DVIGA уточняйте у нас напрямую.
Часто задаваемые вопросы
Какую скорость загрузки считать нормальной?
Стандарт индустрии — до 3 секунд на мобильных и до 2 секунд на десктопе. В баллах PageSpeed: 50+ — приемлемо, 70+ — хорошо, 90+ — отлично. Для большинства коммерческих сайтов реальный ориентир: довести мобильный балл до 60−75, это уже выше среднего по рынку.
Влияет ли скорость на SEO?
Да — напрямую. Google включил Core Web Vitals в факторы ранжирования в 2021 году. Это не самый мощный сигнал, но при конкурентной борьбе за позиции он даёт преимущество. Яндекс также учитывает скорость через поведенческие факторы: медленный сайт → больше отказов → ниже позиции.
У меня 20 баллов в PageSpeed, но сайт открывается быстро. Почему?
PageSpeed тестирует в условиях медленного мобильного соединения и слабого виртуального устройства. На вашем компьютере с быстрым интернетом сайт открывается быстро — но именно в условиях PageSpeed важна оценка для поисковых алгоритмов. Плюс реальные пользователи с регионов или на 3G увидят ровно те проблемы, которые выявил инструмент.
Нужно ли делать скорость выше 90 для лендинга?
90+ — хорошая цель, но не всегда реалистичная и не всегда критичная. Для лендинга с видео, сложными анимациями и несколькими формами добиться 90+ на мобильных очень сложно без компромиссов по дизайну. Ориентируйтесь на 65−75 баллов при хорошем дизайне — это баланс между скоростью и визуальным качеством.
Хостинг хороший, но сайт всё равно медленный. Что делать?
Если TTFB в норме (< 800 мс), но LCP высокий — проблема не в сервере. Следующий шаг: проверьте размер страницы (Network → Download в DevTools), отследите, какие конкретно ресурсы самые тяжёлые, и начните с оптимизации изображений и устранения блокирующих JS-скриптов. Отчёт PageSpeed Insights покажет конкретные «возможности» с оценкой выигрыша для каждой.
Поделиться статьей в соц. сетях
Свежие статьи
- Сайты
10 мин
10 мин
- Сайты
- Сайты, Продвижение
10 мин