Скорость загрузки сайта: где она теряется и что с этим делать
«Сайт грузится медленно» — диагноз, за которым скрываются три разные болезни, и лечатся они по-разному. Показываю, как за пятнадцать минут понять, какая у вас, и что чинить в первую очередь.
- Скорость съедают три вещи: несжатые картинки, шрифты и чужие скрипты. Всё остальное — детали.
- Измерять со своей машины нельзя. Ваш маршрут не похож на маршрут посетителя, особенно если вы сидите за туннелем.
- «Прыгающая» вёрстка воспринимается как медленная, даже когда страница уже загрузилась: не указаны размеры картинок.
- Иногда медленно — это не про скорость, а про доступность: у части посетителей сайт не открывается вовсе.
Содержание статьи
За жалобой «сайт тормозит» скрываются три разные ситуации: страница действительно тяжёлая, страница лёгкая, но верстка прыгает, или сайт вообще не открывается у части людей. Лечатся они по-разному, поэтому сначала диагноз.
Как измерить, чтобы не обмануть себя
Своя машина врёт
Самая частая ошибка — открыть сайт у себя и сделать вывод. У вас он в кэше, вы ближе к серверу, а если вы работаете через туннель, ваш трафик идёт вообще другим маршрутом. У меня был случай, когда сайт «лежал» на моей машине и прекрасно открывался с чужого сервера — виноват был маршрут, а не сайт.
Честная проверка за пятнадцать минут
Публичный измеритель скорости — он даст список тяжёлых элементов, а не только балл. Открыть сайт в приватном окне с пустым кэшем, на мобильном интернете. Проверить не главную, а тяжёлую внутреннюю страницу: главная обычно весит десятки килобайт и покажет, что всё хорошо. Прогнать три раза с разных точек — своя машина не считается. Смотреть не на итоговый балл, а на две вещи: когда появился текст и когда страница перестала прыгать.
Продолжение — в канале
Тут — только метод. Ход запусков, цифры проектов и то, что сломалось на этой неделе, выкладываю в Telegram.
Три вещи, которые съедают скорость
Картинки. Самая механическая и самая результативная правка. Пережать в современный формат, уменьшить до размера, в котором картинка реально показывается, и обязательно проставить ширину и высоту в разметке. У себя в блоге я держу ориентир: ширина 1280 и вес до 40 КБ на иллюстрацию — этого хватает, чтобы скриншот читался, и не хватает, чтобы страница потяжелела.
Сторонние скрипты. Каждый виджет — чужой код, который грузится у каждого посетителя: чат, счётчики, пиксели рекламных систем, карты, отзывы. По отдельности каждый «весит немного», вместе они дают основной тормоз на живых сайтах. Правило простое: виджет остаётся, только если вы можете назвать, что он приносит. Кстати, счётчики аналитики полезно грузить после согласия на куки — это и юридически правильнее, и странице легче.
Шрифты. Один шрифт в двух начертаниях — норма. Четыре семейства по четыре начертания — это сотни килобайт, которые грузятся раньше текста.
Отдельная болезнь: прыгающая вёрстка
Страница может загрузиться быстро и всё равно ощущаться медленной. Так бывает, когда содержимое скачет: текст сдвигается вниз, потому что подгрузилась картинка, кнопка убегает из-под пальца.
Лечится одной привычкой — у каждой картинки в разметке указаны размеры. Тогда браузер сразу резервирует место, и ничего не прыгает. У себя в генераторе блога я сделал это автоматически: размеры вытаскиваются из самого файла при сборке, поэтому забыть невозможно.
Почему статика выигрывает
Мои сайты собраны заранее в готовые страницы: на сервере лежит статика, никакого рантайма. Отсюда берётся скорость, которую сложно испортить, — отдавать готовый файл быстрее, чем собирать страницу на каждый запрос. Обратная сторона — часть динамики приходится делать иначе, но для сайта услуг или блога это редко ограничение. Сравнение подходов — в разборе конструктор или свой сайт.
Когда «медленно» — это не про скорость
Есть третий сценарий, который путают с первыми двумя: у части посетителей сайт не открывается вовсе или открывается с обрывами. Признак — жалобы приходят от конкретных людей, а измерители показывают, что всё в порядке.
- 1Медленно у всехтяжёлая страница — чиним картинки, скрипты, шрифты
- 2Медленно у частипроблема маршрута: далёкая география или туннель у посетителя
- 3Не открывается у частисеть конкретного сервера; скорость тут ни при чём
Разница принципиальная: в первом случае помогает оптимизация страницы, во втором — раздача файлов из ближайшей к человеку точки, в третьем — второй вход на сайт через другую сеть. Оптимизировать картинки, когда у человека сайт не открывается в принципе, бессмысленно.
Читайте такжеКак создать сайт самомуСобрать страницы — самая простая часть. Сложное начинается до и после: решить, кому это нужно, и довести до состояния, когда сайт приносит заявки. Разбираю весь маршрут по шагам.Порядок работ
С чего начинать, если чинить всё сразу некогда
Пережать картинки и проставить им размеры — половина эффекта за час работы. Пересмотреть сторонние скрипты: убрать то, чего не можете объяснить. Сократить шрифты до одного семейства. Проверить, не грузится ли на каждой странице то, что нужно на одной. И только потом — тонкая настройка кэширования и раздачи.
Последний пункт обычно обсуждают первым, а он даёт меньше всего. Скорость почти всегда теряется не в хитрых настройках сервера, а в трёх мегабайтах фотографий, которые никто не пережал.
- Сначала картинки: пережать в современный формат и указать размеры — обычно это половина проблемы.
- Каждый сторонний скрипт оценивайте по цене: чат, счётчики, пиксели грузятся у каждого посетителя.
- Меряйте с чужой точки и минимум в три прогона: недоступность и медленность плавают.
- Главную страницу для проверки не берите — она лёгкая и пролезает даже там, где всё плохо.
- Если сайт не открывается у части людей — это отдельная болезнь, скорость её не лечит.
Гайд «SEO-машина»: как собрать её на ИИ-агентах
Карта из десяти систем: что делает каждая и как собрать такую же — с любым ИИ-агентом, Claude Code или Codex. Бесплатно, отдаёт бот в Telegram.
Частые вопросы
Какая скорость загрузки сайта считается нормальной?
Ориентир — страница становится пригодной к чтению за пару секунд на обычном мобильном интернете. Точные баллы измерителей вторичны: они меряют синтетику, а человек чувствует момент, когда текст можно начать читать и он больше не прыгает.
Чем проверить скорость загрузки сайта?
Любым публичным измерителем скорости страниц плюс собственной проверкой с чужой машины или сервера. Первый даёт список проблем, вторая — правду о том, как сайт открывается у людей, а не у вас.
Влияет ли скорость на позиции в поиске?
Влияет, но не напрямую и не так сильно, как принято думать. Медленный сайт теряет людей: они уходят, не дождавшись, и поисковик видит плохое поведение. Наказывают не за секунды, а за последствия этих секунд.
Что делать в первую очередь?
Картинки. На большинстве сайтов они занимают основную часть веса страницы, при этом лечатся механически: пережать в современный формат, уменьшить до реального размера показа и проставить ширину с высотой в разметке.
Почему сайт быстрый у меня и медленный у клиентов?
Потому что у вас он уже в кэше браузера, а маршрут до сервера короче. Если вы вдобавок работаете через туннель, ваш трафик вообще идёт другой дорогой. Меряйте с чужой точки — расхождение бывает драматическим.
10 лет в маркетинге и онлайн-образовании. Запускаю проекты в одиночку на Claude Code и показываю экономику как есть. Все методы из блога сначала обкатываю на своих проектах и только потом описываю.