Оптимизация скорости сайта в Астрахани
В этой статье
Больше половины визитов приходит с телефонов, и оценивать сайт по тому, как он выглядит на рабочем компьютере в офисе, давно бессмысленно. У телефона слабее процессор, канал нестабилен, а вкладка закрывается одним движением большого пальца. Именно мобильный посетитель определяет, попадут ли ваши страницы в зелёную зону поисковых отчётов.
Веб-студия «РостСайт» с 2011 года выпустила больше 150 проектов и берётся за ускорение работы сайта по договору с фиксированной сметой. Ниже – что мы смотрим, что чиним и в каком порядке.
Мобильный посетитель и слабый канал
Тяжёлая страница на кабельном интернете открывается за секунду, а в дороге, на слабом сигнале, – за шесть. Разница между двумя секундами и шестью на практике означает, оставит человек заявку или уйдёт к тому, чей сайт открылся. И Яндекс, и Google учитывают скорость страниц при ранжировании, причём по данным именно мобильных устройств.
Проверять поэтому нужно на телефоне и с ограничением канала, а не на офисной машине с кешированной вкладкой.
Из чего состоит ожидание
Ожидание делится на четыре части: сервер собирает ответ, файлы едут по сети, браузер разбирает разметку и выполняет скрипты, экран рисует результат. Разные части чинятся разными средствами. Если сервер отвечает за две секунды, никакое сжатие картинок не спасёт; если страница тянет восемь мегабайт, не спасёт и самый быстрый сервер.
Что означают LCP, INP и CLS
Core Web Vitals – три показателя, по которым поисковые системы оценивают удобство страницы. LCP фиксирует момент отрисовки самого крупного видимого элемента, норма – до 2,5 секунды. INP меряет задержку отклика на действие: нажатие кнопки, раскрытие меню, отправку формы, норма – до 200 миллисекунд. CLS считает, насколько сильно вёрстка прыгает во время загрузки, норма – до 0,1.
Каждый показатель ломается своим набором причин. LCP – тяжёлой картинкой и блокирующими стилями. INP – объёмным JavaScript. CLS – элементами, под которые не забронировано место заранее: баннерами, рекламными вставками, шрифтами с другой шириной букв.
Вес изображений и отложенная загрузка
Картинки почти всегда занимают большую часть веса страницы, и здесь же лежит самый быстрый выигрыш. Стандартный набор работ:
- уменьшить исходники до тех размеров, в которых они реально показываются;
- пережать с разумным качеством – визуально разницы не видно, вес падает в разы;
- отложить загрузку всего, что ниже первого экрана;
- указать ширину и высоту, чтобы место было забронировано до появления файла;
- убрать декоративные фоны, которые никто не рассматривает, но все скачивают.
Блокирующие стили и скрипты
Браузер читает документ сверху вниз. Встретив в начале подключённый файл стилей или синхронный скрипт, он останавливается и ждёт: до этого момента страница остаётся белой. Лечится это выносом критических стилей первого экрана в саму страницу, отложенной загрузкой остального и переносом скриптов вниз с атрибутом отложенного выполнения.
Отдельная статья расходов – чужой код: чаты, виджеты, счётчики, пиксели рекламных систем. Мы составляем их полный список и по каждому выясняем, нужен ли он ещё. Ускорение страниц сайта нередко на треть состоит из отключения того, чем давно никто не пользуется.
Что делаем и в каком порядке
Сначала замер – лабораторный отчёт PageSpeed Insights и полевые данные CrUX по реальным визитам. Затем список найденного с оценкой эффекта каждого пункта: понятно, что даст секунду, а что сотые доли. После согласования – работы, и в конце повторный замер со сравнением. От заказчика требуются доступы к хостингу и к панели управления сайтом.
Гнаться за сотней баллов мы не предлагаем: это лабораторное число на условном устройстве, а на позиции влияют показатели живых посетителей из Астрахани и других городов.
Сопровождение – от 10 000 рублей в месяц, SEO-продвижение – от 19 000 рублей. Есть также техническая поддержка, проверка на вирусы и SEO-аудит. Обсудить оптимизацию скорости сайта можно по телефону +7 (901) 417-22-12 или письмом на info@rostsayt.ru – начнём с замера и покажем, где именно теряется время.
