Rất nhiều dự án đầu tư vào hạ tầng phức tạp trước khi xử lý những vấn đề cơ bản nhất — và thường thì chính những điều cơ bản mới mang lại cải thiện lớn nhất.
Ba việc nên làm trước tiên
- Đặt kích thước rõ ràng cho mọi hình ảnh để tránh layout shift
- Chỉ tải đúng số lượng font-weight thực sự cần dùng
- Chuyển các component tĩnh về Server Component, chỉ dùng client khi thực sự tương tác
Chỉ số Lighthouse tốt không phải là mục tiêu cuối cùng, mà là một tín hiệu cho thấy người dùng thật sự có trải nghiệm mượt mà, đặc biệt trên mạng di động.
#Performance#Web Vitals#Next.js