В 05:42, 14 марта 2026-го, я сидел в пустом офисе, жевал холодный круассан и смотрел на мобильную конверсию, просевшую с 3,2% до 1,9% за ночь. Маркетинг протащил полноэкранное видео на главной — «бренд должен дышать». Подышал. LCP улетел до 5,1 секунды, INP прыгал за 340 мс, а звонок от коммерческого в 06:10 звучал как выступление на похоронах. Перерисовывать интерфейс времени ноль, мы пошли по мясу: вырезали автоплей, оставили постер AVIF на 98 КБ, схлопнули три шрифта в один набор, выкинули карусель, которая грузила по 1,2 МБ картинок «на потом». В 11:27 конверсия вернулась на 2,9%, вечером доросла до 3,1%. Дизайн не меняли ни на пиксель.
Что реально двигает цифры в 2026
Я меряю не «скорость сайта», а конкретику. LCP на реальных пользователях — ниже 2,5 с для 75-го перцентиля. INP — до 200 мс. CLS — меньше 0,1. Без RUM это гадание: лаборатория соврёт, поле — нет. На одном проекте в июне мы видели «зелёный» Lighthouse 98, а в проде при 4G с перегруженной сотой LCP стабильно был 3,7 с. Помог банальный critical CSS на 13 КБ и правильный приоритет загрузки hero-изображения через fetchpriority=»high». LCP сел до 2,3 с, конверсия выросла на 27% относительно дна — без рисовки нового блока.
TTFB лечится по-другому: HTTP/3, кэш на краю, Early Hints (103) для критических ресурсов, серверный рендер там, где скелет нужен мгновенно. Мы один лендинг на Go отдали с 103 Early Hints и prerender важного маршрута — экономия почти 280 мс до первого полезного байта на мобильных в среднем по стране.
Ещё из земли: шрифты. В 2026 я не стесняюсь сказать «нет» брендбуку. Два веса, display: optional, локальные fallback’и, unicode-range, и вы внезапно перестаёте ждать полсекунды, чтобы показать цифру цены. В июле у крупного ритейлера мы срезали 176 КБ woff2 за счёт сабсетов — и это был самый дешёвый апдейт квартала.
Сцена из жизни, которую я вспоминаю, когда рука тянется к карусели
Декабрь, минус 17, левый передний внезапно сел — саморез, привет. Я стою у обочины на Мамадышском тракте, одна палка LTE, iPhone 13 mini на 12% батареи. Мне не «бренд», мне «где рядом шиномонтаж» и «телефон одним тапом». Захожу на первый сайт — восьмимегабайтный слайдер, кнопка «Записаться» прыгает из‑за рекламы, INP страдает. Второй — модальный попап на весь экран. Третий — обычная страница с большим телефоном и адресом в первом экране, без фокусов. Я тогда даже усмехнулся: так вот как выглядит бизнес, который помнит про людей с замёрзшими пальцами. Пример похожего минимализма — 102avto.ru 102avto.ru: сверху телефон, карта подгружается после скролла, картинки жмут до AVIF/WebP, и мне не предлагают «посмотреть видео о нашем сервисе» перед тем, как позвонить.
Эта сцена дисциплинирует. Любой элемент, который добавляю на мобильной главной, я мысленно проверяю «в перчатках и с одним делением сети». Если «вау» мешает позвонить или добавить в корзину — в мусор. Красиво пусть будет после клика, а до клика — быстро.
Как я чиню скорость без редизайна: неделя ноль
День 1: снимаю трейс из поля. Web Vitals в RUM, разбивка по регионам/сетям, считаю 75-й перцентиль отдельно для 3G/слабого LTE. E2E не нужен, нужен сырой опыт пользователей. День 2: инвентаризация ассетов. Картинки в AVIF/WebP с жёсткими max‑width и quality. Ленивая загрузка всё, кроме LCP-кандидата, preconnect только к живым доменам. День 3: критический CSS инлайн, остальное — media=print + onload переключение или modern CSS split. День 4: SSR или SSG для первого экрана, дальше — острова. Никаких монолитных гидраций на 300 КБ. День 5: выпиливаю «священных коров». Один проект держался за jQuery UI datepicker из 2013-го ради «колёсика» — заменили на native, минус 96 КБ gzip и два баг-репорта в месяц.
Там, где есть каталог, убираю «бесконечную» героизацию карточки. Фото — одно чёткое, остальное после жеста пользователя. Удивительно, как быстро падает INP, когда кнопка «в корзину» перестаёт ждать 12 обработчиков и три аналитики. Track’m позже, купить — сейчас.
Антипаттерны 2026, за которые я плачу кровью
Карусели на мобильном. Никто не свайпает пятый слайд. Видео на первом экране без безжалостной компрессии и плаката — табу. Три и больше внешних шрифта — только если вы кинотеатр. SPA без прогрессивного рендеринга — привет, белый экран. Подключение карты в первом экране — только если цель «как можно дольше показывать спиннер». Любимая боль — «умные» виджеты чата, которые воруют фокус и мешают кликать по CTA; их грузим по idle, а лучше — по намерению.
За последние полгода у меня был один кейс, где UX‑метрика «время до клика по телефону» сократилась с 6,8 с до 2,4 с только за счёт перестановки кнопки вверх и выноса лишней анимации. Никакого редизайна, тот же шрифт, те же цвета. Просто убрали помехи. Результат — плюс 47 звонков за смену в пиковые дни. Финансовый директор потом честно спросил: «Мы точно ничего не допиливали на бэке?» Нет, мы просто перестали путать эстетику с заботой.
Если коротко: скорость — это не фетиш и не баллы Lighthouse. Это уважение к человеку, который стоит у дороги, держит телефон одной рукой и хочет решить задачу за три тапа. В 2026 я каждый новый «эффект» сравниваю с этой картинкой. Если эффект выигрывает — беру. Если нет — он остаётся в фигме.