Cách tối ưu Cumulative Layout Shift (CLS)?

Tối ưu CLS (Cumulative Layout Shift — đo mức layout bị dịch chuyển bất ngờ) bằng 4 kỹ thuật chính:

• Images/video: luôn khai báo width+height hoặc aspect-ratio để browser reserve space trước khi tải xong
• Dynamic content: reserve không gian cố định cho ads/embeds bằng min-height
• Web fonts: dùng font-display: swap + size-adjust trong @font-face để fallback font có kích thước gần giống font chính
• Tránh inject content: không thêm nội dung mới phía trên viewport (banner notifications) vì đẩy toàn bộ nội dung xuống