Оптимизация скорости сайта в Туле
В этой статье
Жалоба «страница долго открывается» почти никогда не указывает на одну поломку. За ней стоят три независимых процесса: сервер готовит ответ, сеть передаёт файлы, браузер разбирает разметку и рисует изображение. Задержка на каждом этапе лечится по-своему, и пока не измерено, где именно теряются секунды, любые правки идут наугад.
Поэтому работа начинается с замера, а не с советов вроде «сожмите картинки». Бывает, что сервер думает над ответом полторы секунды, и графика тут ни при чём. Бывает наоборот: ответ мгновенный, а первый экран пустует, потому что ждёт шрифт с чужого домена.
Веб-студия «РостСайт» работает с 2011 года, в портфолио больше 150 проектов. Ускорение сайта входит в техническую поддержку и стоит от 10 000 рублей, состав работ и сумма фиксируются в договоре до начала правок.
Слагаемые общего времени ожидания
Время до первого байта – это работа хостинга и системы управления: запрос к базе, сборка страницы, отдача. Дальше передача: сколько мегабайт нужно скачать. Затем разбор, когда браузер читает разметку, натыкается на стили и скрипты и ждёт их. И только потом отрисовка.
- Ответ сервера дольше 600 мс – причина в хостинге, запросах к базе или отсутствии кеша страниц.
- Страница весит больше трёх мегабайт – разбираемся с графикой, видео и шрифтами.
- Долгий белый экран при лёгкой странице – виноваты блокирующие стили и скрипты в начале документа.
- Всё загрузилось, но интерфейс не реагирует – перегружен главный поток браузера.
Три метрики, которые смотрит поиск
Core Web Vitals – набор из трёх показателей, которые Google собирает у живых посетителей через отчёт CrUX, а Яндекс учитывает похожие сигналы удобства страницы. LCP показывает, за сколько отрисовался самый крупный элемент первого экрана, обычно обложка или заголовок: норма – до 2,5 секунды. INP пришёл на смену FID в 2024 году и меряет отклик на действие, норма – до 200 мс. CLS считает сдвиг вёрстки, когда догрузившийся баннер роняет текст вниз ровно в момент нажатия.
Ломаются эти показатели предсказуемо. LCP портит несжатая обложка и шрифт, подключённый без правила font-display. INP страдает от тяжёлых обработчиков и чужих скриптов, занявших главный поток. CLS почти всегда даёт картинка без указанных в разметке размеров или рекламный блок, вставленный после загрузки. По сути оптимизация скорости сайта и сводится к этим трём цифрам, остальное – способы их улучшить.
Картинки: самый тяжёлый килобайт
На типовом сайте графика занимает от половины до трёх четвертей веса страницы, и причина скучная: фотографию шириной 4000 пикселей загрузили в блок шириной 600 и уменьшили стилями. Браузер честно скачивает оригинал. Мы приводим размеры к нужным вёрстке, сжимаем без заметной потери качества и включаем отложенную загрузку для всего, что ниже первого экрана. Верхнюю картинку откладывать нельзя: именно она обычно и есть тот самый LCP. С такой ревизии начинается ускорение загрузки сайтов на любой платформе, и это самая дешёвая часть работы.
Сторонние скрипты и виджеты
Самый частый источник тормозов – не ваш код, а чужой. Онлайн-чат, виджет обратного звонка, карта проезда, два счётчика аналитики, пиксель рекламной системы. По отдельности каждый безобиден, вместе они добавляют мегабайт и десятки обращений к посторонним доменам, скорость которых вы не контролируете. Мы составляем список подключений, показываем вес каждого и предлагаем убрать неиспользуемое. Остальное переводим на отложенную загрузку: чат нужен посетителю на десятой секунде, а не на первой.
Быстрый ответ и кеш
Если сервер думает секунду, дальше уже неважно, насколько аккуратна вёрстка. Смотрим тариф хостинга, версию PHP, кеш страниц в системе управления, заголовки кеширования для браузера и поддержку HTTP/2 или HTTP/3 – современные протоколы забирают десятки мелких файлов заметно быстрее старого HTTP/1.1. Заодно проверяем сжатие текстовых файлов: его иногда просто забывают включить, а это минус две трети объёма разметки и стилей без единой правки в коде.
Шаги работ и нужные доступы
Сначала замер: лабораторный отчёт и полевые данные, если посещаемость позволяет их собрать. Затем список работ с оценкой эффекта, чтобы вы видели, за что платите. После согласования – правки и повторный замер на тех же условиях. От вас нужны доступы к хостингу и панели управления сайтом. Если сайт делали не мы, начинаем с технического аудита: иногда честнее собрать новый сайт, чем чинить чужую вёрстку по частям.
Расскажите, что происходит с вашим сайтом: позвоните по номеру +7 (917) 818-43-57 или напишите на info@rostsayt.ru. Померяем текущие показатели, назовём срок и цену. Примеры работ собраны в портфолио, полный прайс – на странице цен. Ускорение работы сайта в Туле мы ведём по договору с фиксированной сметой, без доплат по ходу дела.
