Performance optimization Frontend — Core Web Vitals nhà tuyển dụng quan tâm gì

Vì sao Core Web Vitals quan trọng trong phỏng vấn

Core Web Vitals (LCP, INP, CLS) là chỉ số Google dùng để đánh giá trải nghiệm người dùng thật, không phải chỉ số kỹ thuật trừu tượng — nhà tuyển dụng hỏi để biết bạn có tư duy về người dùng cuối, không chỉ code cho chạy được.

3 chỉ số cốt lõi cần hiểu đúng

• LCP (Largest Contentful Paint): thời gian phần tử lớn nhất trong viewport hiển thị xong — thường là ảnh hero hoặc heading chính. Tối ưu bằng cách preload ảnh quan trọng, dùng CDN, giảm kích thước ảnh (WebP/AVIF), tránh render-blocking resource.
• INP (Interaction to Next Paint): thay thế FID từ 2024 — đo độ trễ phản hồi khi người dùng tương tác (click, gõ phím). Tối ưu bằng cách tránh JavaScript block main thread quá lâu, chia nhỏ task nặng (code splitting), debounce input không cần thiết.
• CLS (Cumulative Layout Shift): đo độ "nhảy" layout không mong muốn — thường do ảnh/quảng cáo load sau không có kích thước đặt trước. Fix bằng cách luôn set width/height cho ảnh, reserve chỗ cho nội dung load động.

Câu hỏi tình huống hay gặp

"Trang bạn làm bị LCP chậm, bạn debug thế nào?" — Bắt đầu bằng Lighthouse hoặc Chrome DevTools Performance tab để xác định phần tử LCP là gì, sau đó kiểm tra: ảnh có được optimize/lazy-load đúng cách chưa, có font blocking render không, có API call chặn render không.

"Code splitting là gì và khi nào dùng?" — Chia bundle JavaScript thành nhiều phần nhỏ, chỉ tải phần cần thiết cho trang hiện tại — dùng dynamic import() cho component nặng không cần ngay (modal, chart, editor...) hoặc route-based splitting.

Kỹ thuật nâng cao đáng nhắc tới

Bundle analysis (dùng webpack-bundle-analyzer hoặc tương đương) để tìm dependency nặng không cần thiết, tree-shaking để loại bỏ code không dùng tới, và virtualization (react-window, react-virtual) cho danh sách dài hàng nghìn item.

Cách trình bày để ghi điểm

Nếu từng đo được điểm Lighthouse trước/sau khi tối ưu, hãy nêu con số cụ thể. Nhà tuyển dụng đánh giá cao việc bạn coi performance là 1 metric đo lường được, không phải cảm tính "trang chạy nhanh hơn".