Hiệu năng màn đầu

Checklist tài nguyên above the fold

Liệt kê CSS, font, ảnh và script ở màn đầu, rồi chấm chặn render, hero lazy, font và rủi ro bên thứ ba trước khi xuất bản.

Chưa bắt đầu0/100

Tài nguyên0

Chặn0

Bên thứ ba0

Hạng mục trọng yếu còn mở0

Chi tiết trang

Thêm ngữ cảnh trang để báo cáo bàn giao dùng được.

Tên trangLoại trangViewport chính

Ghi chú

Chi tiết, HTML và danh sách tài nguyên chỉ nằm trong trình duyệt này.

Ảnh chụp HTML

Tùy chọn. Dán head và markup màn đầu, rồi trích tài nguyên.

Danh sách tài nguyên màn đầu

Sửa hàng đã trích hoặc thêm thủ công. Dung lượng tùy chọn cho ngân sách ảnh.

Trích HTML hoặc thêm tài nguyên để bắt đầu.

Rủi ro từ danh sách

Tín hiệu heuristic từ danh sách tài nguyên, không phải kết quả Lighthouse trong lab.

Thêm tài nguyên rồi mới chấm điểm.

Mục xác nhận thủ công

Xác nhận điều HTML không chứng minh được: fetchpriority, font-display, CSS inline, widget trì hoãn.

Đã xác định hero LCPTrọng yếuBiết phần tử LCP trên mobile và desktop là ảnh hay khối chữ nào.Hero không bị lazy-loadTrọng yếuẢnh LCP tải eager và không nằm sau carousel hay render chỉ phía client.Hero trong ngân sách dung lượngTrọng yếuKích thước hiển thị gần CSS × DPR, thường thấp hơn rõ 150–200 KB.Đã đặt font-displayTrọng yếuFont màn đầu dùng swap hoặc optional để chữ vẫn hiện.Đã preload font quan trọngKhuyến nghịChỉ preload font màn đầu, khớp type và crossorigin.Đã giới hạn CSS màn đầuTrọng yếuCritical CSS nhỏ hoặc inline; CSS framework không chặn hết.Đã trì hoãn JS không trọng yếuTrọng yếuScript app, analytics và A/B dùng defer, async hoặc tải sau first paint.Đã trì hoãn chat và tagKhuyến nghịChat, heatmap và pixel thêm không tải ở màn đầu.