Critical CSS
Стили первого экрана инлайнятся и генерируются из вашего реального CSS — чтобы оставаться корректными после правок дизайна, а не превращаться в сломанную первую отрисовку.
$ speed
Чтобы мобильный балл перестал врать
Видеосетки, превьюшки повсюду, рекламные скрипты и тема, которую никто не профилировал. Работа со скоростью здесь — не установка кеш-плагина, а поиск того, какая из тридцати штук на странице держит отрисовку в заложниках.
Лабораторный балл и полевые данные (CrUX) — сотня, которой не видят живые люди, бесполезна
$ lighthouse --preset=perf --emulated-form-factor=mobile
performance 69 · lcp 4.8s · cls 0.31
блокирующий css .............. 480 мс
подмена шрифта двигает вёрстку 0.19 cls
jpeg-превью ................... 1.9 МБ
$ xsoft speed --fix critical-css,fonts,webp,cache
performance 88 · lcp 1.9s · cls 0.02
полевые данные подтянутся за ~28 дней
что делаем
Список в порядке окупаемости
Картинки
WebP и AVIF для всей библиотеки, правильные размеры под брейкпоинты, ленивая загрузка ниже сгиба и явный preload героя. Обычно минус 30–60% трафика.
Шрифты
Свои, подрезанные, в preload, font-display: swap и метрически совместимые фолбэки — чтобы подмена не сдвигала вёрстку.
Слои кеша
Кеш страниц, объектный кеш и CDN, которые не спорят друг с другом. Плюс ловушка, которую никто не отлаживает: кеш заморозил старый формат и отдаёт jpeg браузеру, который просит avif.
Охота на CLS
Сдвиги вёрстки почти никогда не воспроизводятся в вашем браузере. Гоняем локальный Lighthouse с трейсами, пока у виновного элемента не появятся имя и зарезервированное место.
Серверная часть
TTFB — потолок для всего остального: пулы PHP, медленные запросы, отсутствующие индексы и крон, который выполняется на запросах посетителей.
пруфы
Из недавнего
69мобайл до
88после
4.8slcp
1.9slcp
0.31cls
0.02cls
три сайта на одном сервере, одна неделя · ваш потолок зависит от рекламного стека и хостинга
Реклама стоит баллов
Сторонние рекламные и трекинговые скрипты всегда откусывают часть балла. Мы говорим, сколько именно стоит каждая сеть, чтобы решали вы — а не тихо срезаем вам выручку ради красивого бенчмарка.
Мы не накручиваем
Отдавать урезанную страницу тестовым ботам — детектируется и заканчивается проблемами. Всё, что мы делаем, получают живые посетители, поэтому и полевые данные двигаются.
faq
Вопросы
Скорость сама вернёт трафик?
Редко. Скорость — это тай-брейк и рычаг конверсии; дыра обычно в обходе и контенте. Аудит покажет, что именно у вас.
Переживёт ли это обновление темы?
Для этого critical CSS генерируется скриптом из вашего стиля, а не вставляется один раз руками. После правок дизайна вы его просто перегенерируете.
Работаете с чужой темой?
Да. Большинство задач по скорости — на чужих темах и конструкторах.
Пришлите URL — получите цифры
Письменный разбор с конкретными блокерами на ваших страницах, до любого счёта.