Оптимизация скорости сайта в Курске
В этой статье
Если открыть отчёт по любому медленному корпоративному сайту, в первой строке почти всегда будут изображения. Не «плохой код» и не «слабый хостинг», а десяток фотографий, залитых как есть, прямо из папки фотографа.
Это хорошая новость: самая тяжёлая часть проблемы решается быстрее и дешевле остальных. Веб-студия РостСайт с 2011 года занимается сопровождением сайтов, и порядок работ ниже выстроен именно по соотношению «эффект к трудозатратам».
Картинки решают больше половины задачи
Типичный случай: снимок 4000 пикселей по ширине выводится в блоке шириной 400. Браузер скачивает весь файл, уменьшает его у себя и тратит на это и трафик, и время. Приведение размеров к реальным сразу срезает вес в несколько раз.
Дальше – степень сжатия. Между исходником из камеры и разумно сжатым файлом на глаз разницы нет, а вес отличается кратно. Затем отложенная загрузка: всё, что ниже первого экрана, грузится по мере прокрутки, зато главной картинке обложки, наоборот, отдаётся приоритет. И обязательно проставляются ширина и высота – без них вёрстка прыгает во время загрузки.
Шрифты и мерцание текста
Второй по частоте источник задержки – типографика. Дизайнер подключил шесть начертаний, используются два, а браузер честно тянет все шесть с чужого сервера. Пока файл едет, текст либо невидим, либо потом перерисовывается другим кеглем и сдвигает соседние блоки.
Решение простое: оставить нужные начертания, положить их рядом с сайтом, а не тянуть со стороны, и задать свойство font-display, чтобы содержимое читалось сразу системным шрифтом. Это заметная часть работы по метрике отрисовки первого экрана.
Блокирующий код в начале страницы
Браузер не рисует ничего, пока не разберёт стили и не выполнит скрипты, объявленные в шапке документа. Отсюда эффект белого экрана при вроде бы лёгких картинках.
- Стили первого экрана выносятся прямо в разметку, остальное подгружается следом.
- Скрипты получают отложенный запуск и перестают задерживать отрисовку.
- Неиспользуемые правила CSS и библиотеки, оставшиеся от старого шаблона, удаляются.
- Файлы минифицируются и отдаются сжатыми.
Отдельная ревизия – сторонние виджеты: чаты, карты, пиксели рекламных кабинетов, счётчики от двух подрядчиков подряд. Они лежат на чужих серверах, вы не управляете их скоростью, и чаще всего именно они портят показатель отклика на нажатие. Половину обычно можно убрать без потерь для бизнеса.
Лабораторный балл и живые посетители
PageSpeed Insights показывает два разных набора данных. Лабораторный – единичный прогон на эмуляции среднего телефона и медленного канала. Полевой – обезличенная статистика браузеров реальных посетителей за последние 28 дней, и именно она отражает то, что чувствуют люди, и учитывается поиском.
Поэтому гнаться за круглой сотней бессмысленно. У пустой страницы сто баллов ничего не значат, а каталог с фильтрами и корзиной может отлично работать при семидесяти. Ориентир – пороги трёх основных метрик: до 2,5 секунды на отрисовку главного элемента, до 200 миллисекунд на отклик, до 0,1 по сдвигу вёрстки. Осмысленное ускорение сайта ведётся к этим числам, а не к цвету кружка в отчёте.
Серверное время до первого байта
Если хостинг отдаёт первый байт через секунду, работа с картинками погоды не сделает. Смотрим тариф и загрузку сервера, версию PHP, кеш готовых страниц, кеш браузера для статики, поддержку HTTP/2 и HTTP/3, которые убирают очередь из запросов. Такое ускорение загрузки сайтов не трогает вёрстку и обычно даёт самый резкий скачок.
Сюда же относится проверка на посторонний код: заражённый сайт медленный по вполне понятной причине, и лечится это поиском вредоносных вставок, а не сжатием фотографий.
Состав работ по этапам
Сначала замер: лабораторные и полевые данные, вес страницы, число запросов, время ответа сервера. Затем список работ, где напротив каждого пункта стоит ожидаемый выигрыш в секундах, – вы видите, за что платите, и можете разбить работу на этапы. После – повторный замер в тех же условиях и отчёт со сравнением цифр.
От вас требуются доступы к хостингу и системе управления. Если сайт делали не мы, начинаем с технического аудита: заодно всплывают битые ссылки и ошибки разметки.
Оптимизация скорости сайта стоит от 10 000 рублей, смета фиксируется договором до старта. Быстрый сайт дешевле продвигать, поэтому работу нередко совмещают с поисковым продвижением от 19 000 рублей в месяц. Позвоните +7 (917) 818-43-57 или напишите на info@rostsayt.ru – посмотрим ваш проект и скажем, что даст выигрыш в первую очередь. Заказчики из Курска работают с нами удалённо, приезжать не нужно.
