Frontend Performance Best Practices

Tổng hợp kiến thức tối ưu hiệu năng cho web hiện đại, tập trung vào React.

Dựa trên roadmap.sh/frontend-performance-best-practices.

Nội dung

• Mạng & Tải trang — Nén dữ liệu, giảm HTTP requests, CDN
• Tối ưu Assets — Hình ảnh, fonts, bundle JS/CSS
• Rendering — Critical path, lazy loading, preload/prefetch
• React — Code splitting, memoization, virtualization, bundle analysis
• Đo lường — Lighthouse, WebPageTest, DevTools

Xem docs

npm install
npm run docs:dev

Mở http://localhost:5173.

Build

npm run docs:build