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

Почему скорость загрузки важна для бизнеса

Человек, пришедший из поиска или рекламы, сравнивает несколько вариантов сразу. Если ваша страница открывается дольше, чем у конкурента, он вернётся в выдачу и выберет другую. Особенно заметно это на телефоне и мобильном интернете, где сеть нестабильна, а терпения меньше.

Скорость влияет сразу в трёх местах:

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

Точных цифр вроде "каждая секунда стоит столько-то процентов конверсии" я приводить не буду: они сильно зависят от ниши и аудитории. Надёжнее проверить на своей статистике, как ведут себя посетители на быстрых и медленных страницах.

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

Ниже – три инструмента, которых достаточно для большинства задач.

Как правильно читать результаты:

1. Проверяйте не только главную, но и страницы услуг, каталога, статьи и оформление заявки.
2. Смотрите мобильный вариант в первую очередь: он обычно строже.
3. Запускайте проверку несколько раз: результаты немного колеблются.
4. Различайте лабораторные данные (эмуляция) и реальные данные посетителей: они могут заметно расходиться.
5. Не гонитесь за идеальными 100 баллами любой ценой. Гораздо важнее, чтобы главный блок появлялся быстро, а интерфейс не подвисал.

Core Web Vitals простыми словами

Core Web Vitals – набор из трёх метрик, которые Google использует для оценки пользовательского опыта. Они полезны и для владельца бизнеса, потому что описывают ощущения посетителя, а не технические подробности.

LCP – как быстро появляется главное

Largest Contentful Paint измеряет время до появления самого крупного элемента на экране: обычно это главная картинка, видео или большой заголовок. Проще говоря, это момент, когда человек чувствует, что страница "загрузилась". По ориентирам Google, хорошим считается значение около 2,5 секунды и меньше.

INP – насколько сайт отзывчив

Interaction to Next Paint показывает, как быстро страница реагирует на действия: нажатие кнопки, открытие меню, ввод в поле. Если после клика ничего не происходит целую секунду, метрика будет плохой. Ориентир Google – до 200 миллисекунд. Эта метрика заменила прежний FID.

CLS – не прыгает ли страница

Cumulative Layout Shift измеряет неожиданные смещения элементов. Вы наверняка сталкивались с ситуацией: собираетесь нажать одну кнопку, а страница сдвигается и вы нажимаете другую. Причина обычно в картинках без заданных размеров, шрифтах, которые подгружаются с задержкой, и баннерах, появляющихся сверху. Хорошее значение – около 0,1 и ниже.

Эти пороги приведены по публичным рекомендациям Google и могут пересматриваться, поэтому перед принятием решений сверяйтесь с актуальной документацией.

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

Диагностика почти всегда приводит к одному из четырёх пунктов.

Тяжёлые картинки

Фотография прямо с фотоаппарата или из макета может весить десятки раз больше, чем нужно для экрана. Браузеру приходится скачивать её целиком, и главный блок появляется поздно. Решение: сжимать, использовать современные форматы вроде WebP и AVIF, отдавать картинку нужного размера и не загружать сразу все изображения, которые находятся далеко внизу страницы.

Лишние скрипты и виджеты

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

Шрифты

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

Хостинг и сервер

Медленный или перегруженный сервер тормозит всё, даже если сайт оптимизирован. Признак – большое время ответа сервера до начала загрузки страницы. Влияют также расположение сервера относительно аудитории, отсутствие сжатия и устаревший протокол передачи данных.

Дополнительные, но частые причины: сложные анимации, множество плагинов в CMS, отсутствие кэширования, огромное количество запросов к базе данных при каждом открытии страницы.

Что можно измерить, а что нет

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

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

Чеклист ускорения по приоритету

Идите сверху вниз: первые пункты обычно дают самый заметный результат.

1. Проверьте текущее состояние. Запустите PageSpeed Insights для главной, ключевой страницы услуги и мобильной версии, сохраните результат как точку отсчёта.
2. Оптимизируйте картинки. Сожмите, переведите в WebP, задайте размеры, включите отложенную загрузку для тех, что вне первого экрана.
3. Проверьте хостинг и время ответа сервера. Если сервер отвечает медленно, остальные усилия будут давать мало.
4. Включите сжатие и современный протокол. Сжатие текстовых файлов и HTTP/2 уменьшают объём и число ожидаемых соединений.
5. Настройте кэширование. Статические файлы должны храниться в браузере посетителя и не скачиваться повторно.
6. Уберите лишние скрипты. Удалите неиспользуемые виджеты, объедините и отложите загрузку остальных.
7. Разместите шрифты у себя. Оставьте только нужные начертания, задайте резервный шрифт.
8. Задайте размеры блоков для картинок и баннеров. Это уберёт смещения и улучшит показатель CLS.
9. Уменьшите объём стилей и кода. Удалите неиспользуемые правила и библиотеки, разделите код по страницам.
10. Проверьте результат. Сравните с исходными цифрами и убедитесь, что при ускорении ничего не сломалось.

Как устроена скорость на этом сайте

Сайт maksabushek.ru я использую как рабочую проверку собственных подходов. По измерению Lighthouse от 30.09.2026 на телефоне скорость получила 92 балла, а на компьютере 98. Доступность, лучшие практики и SEO в обоих режимах оцениваются на 100. Мобильный результат по скорости ниже десктопного, и это ожидаемо: профиль тестирования для телефона строже.

Что для этого сделано:

• шрифты хранятся на собственном сервере, а не подгружаются извне;
• картинки в формате WebP, сжатые под реальные размеры отображения;
• страницы отдаются по HTTP/2 в сжатом виде;
• лишние сторонние скрипты не подключены, а счётчик Яндекс.Метрики запускается только после согласия на cookie.

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

Частые ошибки

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

Как это делаю я

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

Что делать дальше

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

Частые вопросы

Читайте также

Адаптивный сайт: что это и почему без мобильной версии бизнес теряет клиентовSEO-оптимизация сайта: чеклист для нового сайта под Яндекс и GoogleКонверсия сайта: как считать и как повысить число заявок без рекламы

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