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

20.10.2026 · 7 мин чтения

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

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

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

Мне нужны четыре ответа, и все они про поведение страницы. Успевает ли сервер отдать сам документ. Появляется ли первый экран с текстом, а не пустая подложка. Можно ли прокрутить страницу и нажать кнопку, пока догружаются чужие сервисы. Отличается ли повторное открытие от первого.

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

Вебмастер и Метрика дают фон: не копятся ли медленные страницы и не обрывается ли визит в самом начале. Решение принимаю по конкретной странице и по порядку её загрузки.

Сначала документ и первый экран, потом скрипты, шрифты и чужие виджеты.

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

Пачка мелких подключений с разных адресов часто тяжелее одного собранного файла: каждый адрес — отдельное ожидание. Скрипт вне первого экрана прошу подключать отложенно. Длинную простыню прямо в документе не оставляю: её нельзя отложить и нельзя запомнить отдельно.

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

Лишний скрипт в начале очереди держит первый экран.

Виджет почти всегда чужой адрес, свой скрипт и своя очередь. На странице их набирается пачка: каждый когда-то поставили на всякий случай. Чужой сервис, который из этой сети не открывается, всё равно держит ожидание.

Всё разом не снимаю. Отключаю один виджет и снова смотрю ту же страницу. Если виджет нужен делу, вызываю его после основного содержания. Карту не тащу скриптом на каждую посадочную. Плеер ниже сгиба не стартует вместе с документом.

Текст не должен ждать декоративную гарнитуру. Оставляю одно семейство и те начертания, которыми набран текст. Обычное и полужирное закрывают набор. Тонкое и курсив убираю, если ими никто не набран. Целое семейство с чужого сервиса не подключаю: с ним приезжают лишние начертания.

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

Кэш — это память, а не ускорение первой встречи. Первый заход всё равно скачивает документ и файлы. Второй должен взять стили, скрипты, шрифт и картинки из памяти браузера, если они не менялись. Текстовые файлы отдаю сжатыми: по сети едет меньший объём.

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

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

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

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

Дальше смотрю, где стоит сервер относительно людей. Если аудитория в одном регионе, а машина далеко, каждый запрос идёт дольше. Сеть доставки контента, CDN, нужна, когда посетители разъеханы. Если почти все заходы из одной страны, сначала убираю лишние переадресации и смотрю движок.

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

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

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

Порядок важнее набора приёмов. Иначе легко настраивать кэш, пока документ не отдан, или снимать шрифт, пока страницу держит чужой чат.

Повторный замер делаю на той же странице и в тех же условиях.

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

Несколько правок сразу не смешиваю: непонятно, что помогло. После смотрю глазами. Текст читается, кнопки нажимаются, форма отправляется. Страница должна остаться понятной.

Чужие истории сюда не подставляю. Это мой порядок, его можно пройти на своей странице. Вывод не подгоняю под балл в шапке отчёта.

SEO

Посмотрю одну страницу по слоям: документ, скрипты, шрифты, кэш, сервер и лишние виджеты. Картинки сверю отдельно, если они перетягивают очередь.