Набор символов для сабсета шрифта — из всего контента сайта: 204 символа, среди них ⌀ ≈ − ● ₽ №. Скрипт для WordPress, проверка «ни одной потери» и сюрприз: в полужирном Open Sans нет знака рубля.
В файле subset-*.woff2 — 1092 символа, из них 247 вьетнамских, а русскоязычному сайту нужно около трёхсот. fontTools: 45 КБ → 19 КБ на начертание, шрифты главной 333 → 172 КБ. Команда, диапазоны и проверка без потерь.
Одна строчка в компоненте подвала — и сборка прелоадит всё семейство: 40 файлов, 2062 КБ до первой отрисовки, LCP 12,5 с. Как найти ловушку одной командой и как чинить: каталог 68 → 98.
content-visibility (292 → 286 мс, оценка та же), урезание DOM шаблонов, блокировка подозреваемых, top → transform (CLS 0,176 → 0,153) и font-display: optional. Почему не сработало и что сработало вместо.
Баннер загружается за 180 мс, а PageSpeed пишет «задержка отрисовки элемента 2040 мс». Так проявляется анимация появления на первом экране. Как её найти, как лечить без потери дизайна и родственная ловушка со стилями в ленивом файле.
Превью в карточках каталога (706 КБ из 960 в окне), программный «клик» по постеру (3,4 МБ всем подряд) и фоновый ролик секции (2157 КБ на 185-й миллисекунде). Как находили и как лечили: 97 / 99 / 99.
259 заходов поискового робота за неделю — и ни одного запроса за содержимым ленивых блоков. Почему робот не видит блоки, которые грузятся при прокрутке, как это проверить и как починить, не потеряв в PageSpeed.
Ворота после отрисовки поставили на наблюдатель, а фоновая догрузка обгоняла отрисовку на 600 мс и приносила в окно 1,2 МБ. Как найти второй путь загрузки и закрыть его, не потеряв блоки для людей и поисковиков.
Скрипты с defer запускаются до первой отрисовки — слайдеры и замеры держали белый экран 2,5 секунды. Пауза в один кадр перед инициализацией: товарная 92 → 95–98, первая отрисовка 2531 → 1376 мс.
$ tail -f /blog
Пишу разборы по скорости сайтов, кэшу и разработке — на живых проектах и с цифрами. Подпишитесь, и ссылка на новую статью придёт сразу после выхода. Без рекламы и спама, отписаться — в один клик.
или на почту
