Critical CSS 2026: Trích xuất Above-the-Fold CSS cho LCP và FCP tốt hơn
Cách trích xuất Critical CSS above-the-fold và inline vào <head> để cải thiện LCP 300-1200ms. Bao gồm Beasties, Penthouse, Next.js 15, Nuxt 4, Astro và các bẫy phổ biến.
Core Web Vitals
Phân tích và tối ưu các chỉ số Core Web Vitals: LCP, INP, CLS và TTFB.
Lighthouse CI 2026: Performance Budget và Regression Detection cho Mỗi PR
Cách dựng Lighthouse CI với GitHub Actions để chặn PR làm chậm site: cấu hình budgets.json, so sánh baseline, kết hợp Playwright, và khi nào tự host LHCI Server.
Giảm TTFB 2026: Edge Rendering, ISR, Streaming SSR và HTTP/3
Hướng dẫn thực chiến kéo TTFB từ 1.200ms xuống dưới 200ms bằng edge rendering, ISR, streaming SSR với React 19 và HTTP/3 — kèm code mẫu và benchmark.
Long Animation Frames API 2026: Debug INP và Third-Party Scripts với LoAF
Long Animation Frames API (LoAF) là công cụ mạnh nhất để debug INP trong sản xuất. Hướng dẫn đầy đủ về script attribution, sửa third-party CORS, và gate LoAF trong CI Playwright để giữ INP dưới 200ms tại P75 năm 2026.
Sửa CLS 2026: RUM + size-adjust cho Layout Stability
Hướng dẫn sửa CLS năm 2026: đo bằng web-vitals RUM với attribution, dùng size-adjust triệt tiêu font swap shift, khóa kích thước ảnh/iframe/ads, và debug thực chiến trong Next.js 15 App Router.
Tối ưu LCP 2026: fetchpriority, Preload, Early Hints và Speculation Rules
Hướng dẫn 2026 giảm LCP xuống dưới 2.5s với fetchpriority, preload, Early Hints HTTP 103 và Speculation Rules API. Kèm code Next.js 15, lệnh DevTools và số đo thực tế trên Chrome 136.