## Tại sao Lighthouse quan trọng?
Lighthouse là công cụ đánh giá chất lượng website của Google dựa trên nhiều tiêu chí như Performance, Accessibility, Best Practices và SEO.
Nếu website đạt điểm cao, trải nghiệm người dùng sẽ tốt hơn và có lợi cho việc xếp hạng trên công cụ tìm kiếm.
## Core Web Vitals là gì?
Core Web Vitals gồm ba chỉ số quan trọng:
### Largest Contentful Paint (LCP)
Đo thời gian phần nội dung chính hiển thị.
Mục tiêu nên dưới **2.5 giây**.
### Interaction to Next Paint (INP)
Đánh giá khả năng phản hồi khi người dùng tương tác.
Nên dưới **200ms**.
### Cumulative Layout Shift (CLS)
Đo mức độ dịch chuyển layout ngoài ý muốn.
Giá trị lý tưởng nhỏ hơn **0.1**.
## Tối ưu Nuxt 4
### Sử dụng SSR hoặc SSG
Nuxt hỗ trợ Server Side Rendering và Static Site Generation giúp cải thiện tốc độ tải ban đầu.
### Lazy Load hình ảnh
Sử dụng loading="lazy" hoặc Nuxt Image để giảm dung lượng tải.
### Tối ưu Font
Preload font quan trọng, dùng font-display: swap và chỉ tải các weight cần thiết.
### Code Splitting
Tận dụng dynamic import để chia nhỏ JavaScript.
## Kết luận
Một website Nuxt được tối ưu đúng cách hoàn toàn có thể đạt Lighthouse trên 95 điểm mà vẫn giữ trải nghiệm người dùng mượt mà.