Hiệu năng

Core Web Vitals: đọc báo cáo và sửa đúng chỗ

LCP, INP, CLS nghĩa là gì với khách hàng của bạn, và cách tìm ra phần tử thực sự gây chậm thay vì tối ưu mò mẫm.

Trong bài này

    Google Search Console báo “URL kém” nhưng không nói rõ phải sửa gì. Bài này giải thích ba chỉ số và cách lần ra nguyên nhân.

    LCP — nội dung chính hiện ra khi nào

    LCP đo thời gian phần tử lớn nhất trên màn hình đầu tiên hiển thị, thường là ảnh banner hoặc tiêu đề. Mục tiêu: dưới 2,5 giây.

    • Preload ảnh LCP và không lazy-load nó.
    • Giảm TTFB bằng cache trang.
    • Tránh font chặn hiển thị chữ.

    INP — phản hồi khi người dùng tương tác

    INP đo độ trễ từ lúc bấm đến lúc giao diện phản hồi. Thủ phạm thường là JavaScript của bên thứ ba: chat, tracking, popup.

    CLS — bố cục có nhảy không

    CLS tăng khi ảnh không có kích thước, quảng cáo chèn vào muộn hoặc font thay đổi kích cỡ chữ. Luôn khai báo width và height cho ảnh và khung nhúng.

    Ưu tiên theo dữ liệu thực

    Sửa trang có nhiều lượt truy cập nhất trước. Một cải thiện nhỏ trên trang chủ có giá trị hơn tối ưu hoàn hảo một trang ít người xem.

    Thẻ:Core Web VitalsHiệu năngSEO
    Gnurt

    Lập trình viên full-stack

    Trao đổi về dự án của bạn