Шрифты — самая недооценённая причина плохих Core Web Vitals в 2026 году. Разбираем, как variable fonts, font-display, size-adjust, subsetting и 103 Early Hints полностью убирают CLS и FOIT и ускоряют LCP на 30–60%.
Long Tasks API устарел для диагностики INP. Long Animation Frames API в Chrome 123+ даёт детальную атрибуцию скриптов, связь с INP через web-vitals 4.0 и точные данные о forced reflow. Гайд с примерами кода и чек-листом внедрения в RUM.
INP — самая проблемная метрика Core Web Vitals: 43% сайтов не укладываются в 200 мс. Разбираем три фазы INP, диагностику через DevTools и LoAF API, а также scheduler.yield(), Web Workers и подходы для React и Vue.
Две строчки CSS ускоряют рендеринг в 7 раз. Разбираем CSS content-visibility и containment: как работает ленивый рендеринг, реальные кейсы с цифрами, пошаговое внедрение и типичные ошибки.
Как уменьшить JavaScript-бандл в Vite и Webpack: tree shaking, code splitting, vendor splitting и анализ размера. Рабочие примеры конфигов, чек-лист из 10 шагов и реальные кейсы Dropbox и redBus.
Speculation Rules API позволяет браузеру загружать и рендерить страницы в фоне, обеспечивая мгновенные переходы с LCP близким к нулю. Синтаксис, стратегии prefetch + prerender, интеграция с WordPress 6.8+ и реальные данные Core Web Vitals.
Практическое руководство по управлению приоритетами загрузки ресурсов. Разбираем fetchpriority, preload, preconnect и 103 Early Hints — с примерами кода, таблицами приоритетов и пошаговой стратегией оптимизации LCP.