Series 10 bài về tối ưu hiệu suất frontend, từ nền tảng (render pipeline, Core Web Vitals) đến chuyên sâu (React Server Components, Vue Vapor Mode, micro-frontends, edge computing) và case studies thực tế.

Core Web Vitals 2024+: LCP, INP (thay FID), CLS, các bài đã cập nhật theo thuật ngữ mới.

Các bài viết trong series

Nền tảng (bài 1-5)

  1. Giới thiệu về tối ưu hóa frontend, tầm quan trọng, Core Web Vitals, lộ trình series
  2. Quá trình render trong trình duyệt, Critical Rendering Path, DOM/CSSOM, DevTools Performance
  3. Nguyên nhân phổ biến gây chậm render, render-blocking, layout thrashing, resource hints
  4. Kỹ thuật tối ưu cơ bản, CSS/JS minify, image format, lazy loading, font-display
  5. Kỹ thuật tối ưu nâng cao, Web Workers, WebAssembly, micro-frontends, edge computing

Framework & so sánh (bài 6-9)

  1. Tối ưu chung cho mọi framework, bundle size, code-splitting, SSR/SSG, virtual scrolling
  2. Tối ưu React, Fiber, memo/useMemo, Server Components, React Compiler, Next.js PPR
  3. Tối ưu Vue, Proxy reactivity, v-memo, Nuxt 3 hybrid rendering, Vapor Mode
  4. So sánh React và Vue, benchmark, rendering model, chọn framework theo project

Thực tiễn (bài 10)

  1. Case studies và thực tiễn, Pinterest, Tokopedia, The Guardian, performance budget