Mục tiêu

Giúp developers React tối ưu hóa hiệu suất ứng dụng production bằng cách giảm bundle size, cải thiện load time, và tăng Core Web Vitals scores. Các prompt cung cấp hướng dẫn thực hành cho code splitting, lazy loading, tree shaking, image optimization, caching strategies và performance monitoring.

Khi nào nên dùng

• Ứng dụng React hiện tại có bundle size quá lớn (trên 500KB)
• Load time chậm, ảnh hưởng đến trải nghiệm người dùng
• Core Web Vitals scores không đạt yêu cầu (LCP, FID, CLS)
• Cần phân tích và xác định bottleneck hiệu suất
• Muốn triển khai best practices tối ưu hóa
• Chuẩn bị cho production deployment

Hướng dẫn tùy biến

• Thay thế tên project, framework version, dependencies theo dự án của bạn
• Điều chỉnh target metrics (bundle size, load time) phù hợp với yêu cầu business
• Chọn prompt phù hợp với giai đoạn tối ưu hóa: phân tích → triển khai → monitoring
• Kết hợp nhiều prompt để có chiến lược tối ưu hóa toàn diện
• Sử dụng output để tạo action plan và timeline cụ thể

Lưu ý

• Tối ưu hóa là quá trình liên tục, không phải một lần duy nhất
• Luôn đo lường trước và sau khi áp dụng tối ưu hóa
• Cân bằng giữa hiệu suất và maintainability của code
• Test kỹ lưỡng trên các thiết bị và kết nối mạng khác nhau
• Ưu tiên tối ưu hóa những phần có tác động lớn nhất đến UX