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