Bundle Size

Skill benchmark giúp phát hiện các hồi quy hiệu năng trong luồng web và ứng dụng. Hãy dùng nó để thiết lập đường cơ sở, so sánh trước và sau thay đổi, và theo dõi liệu một PR có làm trang chậm hơn, nặng hơn hay kém ổn định hơn không. Đây là hướng dẫn benchmark thực tế cho tối ưu hiệu năng, Core Web Vitals, kiểm tra Lighthouse, dung lượng bundle và xu hướng thời gian tải.

Skill optimize giúp chẩn đoán và khắc phục các vấn đề hiệu năng UI ở nhiều khía cạnh như tốc độ tải, render, animation, hình ảnh và kích thước bundle. Hãy dùng khi bạn cần một hướng dẫn optimize có cấu trúc để tối ưu hiệu năng, ưu tiên đo lường trước khi xử lý các trải nghiệm web chậm, giật hoặc thiếu mượt mà.

vercel-react-best-practices là một hướng dẫn tập trung vào hiệu năng cho React và Next.js từ Vercel Engineering. Hãy dùng skill vercel-react-best-practices khi refactor component, route hoặc luồng lấy dữ liệu để giảm waterfall, thu gọn bundle, cải thiện rendering và triển khai frontend nhanh hơn.