Real User Monitoring в 2026: web-vitals.js, CrUX и анализ Core Web Vitals по перцентилям
Собираем Core Web Vitals с реального трафика: web-vitals.js v4, sendBeacon в visibilitychange, CrUX API, BigQuery и сегментация p75 по устройствам.
Все статьи
Оптимизация изображений в 2026: AVIF, WebP, srcset и LCP
Как ускорить LCP-картинки в 2026: AVIF с фолбэком на WebP, корректный srcset/sizes, fetchpriority, CLS-защита и пайплайн на Sharp 0.34.
Service Worker и стратегии кэширования в 2026: Workbox, stale-while-revalidate и offline-first
Полный разбор Service Worker и стратегий кэширования в 2026: Workbox 7, stale-while-revalidate для статики, NetworkFirst для HTML, Navigation Preload и офлайн-фолбэки с рабочими примерами кода.
Оптимизация шрифтов в 2026: variable fonts, font-display, subsetting и устранение CLS
Шрифты — самая недооценённая причина плохих Core Web Vitals в 2026 году. Разбираем, как variable fonts, font-display, size-adjust, subsetting и 103 Early Hints полностью убирают CLS и FOIT и ускоряют LCP на 30–60%.
Long Animation Frames API в 2026: как диагностировать INP с помощью LoAF
Long Tasks API устарел для диагностики INP. Long Animation Frames API в Chrome 123+ даёт детальную атрибуцию скриптов, связь с INP через web-vitals 4.0 и точные данные о forced reflow. Гайд с примерами кода и чек-листом внедрения в RUM.
Оптимизация INP в 2026: как добиться отзывчивости за 200 мс
INP — самая проблемная метрика Core Web Vitals: 43% сайтов не укладываются в 200 мс. Разбираем три фазы INP, диагностику через DevTools и LoAF API, а также scheduler.yield(), Web Workers и подходы для React и Vue.
CSS content-visibility и Containment: ленивый рендеринг, который ускоряет страницу в 7 раз
Две строчки CSS ускоряют рендеринг в 7 раз. Разбираем CSS content-visibility и containment: как работает ленивый рендеринг, реальные кейсы с цифрами, пошаговое внедрение и типичные ошибки.
Оптимизация JavaScript-бандла в 2026: tree shaking, code splitting и анализ размера
Как уменьшить JavaScript-бандл в Vite и Webpack: tree shaking, code splitting, vendor splitting и анализ размера. Рабочие примеры конфигов, чек-лист из 10 шагов и реальные кейсы Dropbox и redBus.
Speculation Rules API в 2026: пререндеринг и мгновенная навигация с нулевым LCP
Speculation Rules API позволяет браузеру загружать и рендерить страницы в фоне, обеспечивая мгновенные переходы с LCP близким к нулю. Синтаксис, стратегии prefetch + prerender, интеграция с WordPress 6.8+ и реальные данные Core Web Vitals.
Приоритизация загрузки ресурсов в 2026: fetchpriority, preload, preconnect и 103 Early Hints
Практическое руководство по управлению приоритетами загрузки ресурсов. Разбираем fetchpriority, preload, preconnect и 103 Early Hints — с примерами кода, таблицами приоритетов и пошаговой стратегией оптимизации LCP.