Оптимизация скорости сайта в Иркутске
В этой статье
Посетитель судит о сайте по первому экрану: появился он за секунду или пришлось смотреть на белый фон. Всё остальное – вес страницы, число файлов, красивые цифры в отчётах – имеет значение ровно настолько, насколько влияет на этот момент. Поэтому ускорение сайта мы считаем работой над первым экраном, а не над общим объёмом данных.
Веб-студия «РостСайт» работает с 2011 года, выпущено больше 150 проектов, с компаниями из Иркутска работаем по договору с фиксированной сметой. Разбираем по шагам: что происходит до появления первого экрана, какие показатели это описывают и что даёт выигрыш на практике.
Из чего состоит время до первого экрана
До того как появится хоть один пиксель, браузер успевает сделать многое: найти адрес по имени домена, установить защищённое соединение, дождаться ответа сервера, получить и разобрать разметку, скачать и применить стили, а иногда ещё и выполнить скрипт, который стоит выше содержимого.
Каждый шаг измерим по отдельности. Мы снимаем разбор загрузки по файлам и смотрим, где именно образовалась пауза: в ожидании ответа, в очереди на скачивание или в разборе кода. Дальше чиним конкретное место, а не всё подряд.
Полевые данные важнее лабораторных
Отчёт PageSpeed Insights показывает две разные вещи. Балл от нуля до ста – результат одного прогона на эмуляции слабого телефона в идеальной сети. Полевой блок CrUX – усреднённый опыт настоящих посетителей за 28 дней, с их устройствами и связью. Ранжирование опирается на второе.
Отсюда практический вывод: гнаться за круглой сотней не нужно, последние пункты стоят дорого и посетителю не заметны. Задача – чтобы в норму укладывались три четверти визитов. Полную техническую картину даёт SEO-аудит сайта, скорость там лишь один из разделов.
Три числа, которые видит поисковая система
LCP – момент, когда отрисован самый крупный элемент экрана; норма до 2,5 секунды, и обычно речь про обложку. INP – пауза между действием посетителя и ответом интерфейса; метрика заменила FID в 2024 году, норма до 200 миллисекунд. CLS – суммарный сдвиг вёрстки за время просмотра; норма до 0,1.
Показатели учитываются в ранжировании и у Яндекса, и у Google, причём в мобильной выдаче их вес выше. При равном содержимом вперёд выходит сайт, который отвечает быстрее, и это одна из причин, по которой ускорение страниц сайта заказывают вместе с работой над позициями.
Самое тяжёлое на странице – графика
Изображения обычно перевешивают весь остальной код. Разбираемся так: приводим исходники к размерам, в которых они реально показываются, подбираем степень сжатия отдельно для фотографий и для схем, готовим уменьшенные файлы для телефонов, прописываем ширину и высоту в разметке и откладываем загрузку всего, что ниже видимой области.
Обложка при этом грузится в приоритете: она и есть тот элемент, по которому считается LCP, и откладывать её нельзя ни при каких условиях.
Блокирующий код и сторонние виджеты
Дальше идёт код. Стили минифицируем, критическую часть для первого экрана выносим отдельно, остальное подключаем так, чтобы оно не задерживало отрисовку. Скрипты переводим в отложенный режим, шрифты оставляем в двух-трёх начертаниях и показываем текст запасной гарнитурой, не дожидаясь загрузки файла.
Отдельно считаем внешние подключения: онлайн-чат, форма обратного звонка, карта проезда, рекламные пиксели, лишние счётчики. Каждый идёт с чужого домена и занимает главный поток браузера. Мы отдаём владельцу список с ценой каждого в миллисекундах, и чаще всего оптимизация скорости сайта начинается именно с отключения половины этого набора.
Время ответа движка и кеш страниц
Ниже времени ответа сервера метрики не опустятся. Включаем кеш готовых страниц, чтобы движок не собирал одно и то же заново, проверяем версию PHP и тяжёлые запросы к базе, настраиваем сжатие ответов и заголовки кеша браузера. Плюс HTTP/2 или HTTP/3 – десятки файлов уходят в одном соединении.
Эти работы не касаются текстов и картинок: содержимое остаётся прежним, меняется только то, как оно доставляется.
Отчёт до и после
Работа собрана в четыре шага: замер исходного состояния, письменный список правок с ожидаемым эффектом, сами правки, контрольный замер в тех же условиях. В конце проверяем формы, корзину и статистику – ускорение не должно стоить заявок. От вас нужны доступы к хостингу и системе управления.
Позвоните +7 (901) 417-22-12 или напишите на info@rostsayt.ru – замерим сайт и скажем, где теряются секунды. Дальше ускорение работы сайта удобно держать в сопровождении: техническая поддержка от 10 000 рублей в месяц. Цены на остальное – на странице цен, сделанные проекты – в портфолио.
