Ngân sách hiệu suất
Công cụ theo dõi ngân sách hiệu suất miễn phí trực tuyến
Performance Budget là gì?
Ngân sách hiệu suất đặt giới hạn về kích thước và thời gian tải. Phổ biến: tổng dưới 1MB, JS dưới 200KB.
Cách theo dõi ngân sách
Thêm tài nguyên với kích thước thực tế và giới hạn. Công cụ đánh dấu vượt ngân sách.
▶Ngân sách nào tốt?
Tổng < 1MB, JS < 200KB, CSS < 50KB, Hình ảnh < 500KB, TTI < 5s trên 3G.
▶Đo kích thước thực tế?
Chrome DevTools Network tab. Bundle: webpack-bundle-analyzer.