Đo lường Core Web Vitals bằng Site Audit của Semrush

Có lẽ bạn đã nghe nói về Core Web Vitals — ba chỉ số hiệu suất mà Google đang thúc đẩy nhằm cải thiện trải nghiệm người dùng trên web.

Semrush hiện đã có báo cáo trong công cụ Site Audit để hỗ trợ bạn.

Core Web Vitals là gì?

Google xếp 3 chỉ số sau vào nhóm Core Web Vitals:

1. Largest Contentful Paint ( LCP) — chỉ số theo dõi tốc độ tải.
2. First Input Delay ( FID) — chỉ số theo dõi khoảng thời gian trước khi người dùng tương tác với trang.
3. Cumulative Layout Shift ( CLS) — chỉ số theo dõi độ ổn định trực quan của trang.

Google đã thông báo rằng 3 chỉ số này — LCP, FID và CLS — sẽ trở thành yếu tố xếp hạng trên mobile search vào tháng 6 năm 2021.

Semrush có thể hỗ trợ bạn như thế nào

Chúng ta sẽ bàn về cách tối ưu Core Web Vitals bên dưới, nhưng trước tiên, hãy xem bạn có thể nhận được dữ liệu nào từ Semrush.

Bạn chỉ cần truy cập Site Audit và thiết lập quy trình kiểm tra.

Ở bước 2 của trình hướng dẫn, hãy đặt user-agent thành mobile nếu bạn muốn đánh giá phiên bản mobile của website, hoặc desktop nếu bạn muốn đánh giá phiên bản desktop.

Sau khi thiết lập Site Audit xong, hãy chạy quy trình kiểm tra. Bạn sẽ thấy kết quả sau vài phút.

Sau khi chạy quy trình kiểm tra, hãy tìm báo cáo về Core Web Vitals bên cạnh Thematic Reports.

Với báo cáo này, bạn có thể nhanh chóng xem kết quả và biết các trang của mình có Core Web Vitals kém, cần cải thiện hay tốt mà không phải thêm bước nào vào quy trình kiểm tra.

Theo Google, tất cả các trang trên website của bạn đều nên đạt mức “good” ở cả 3 chỉ số này.

Hiện tại, báo cáo này có thể kiểm tra tối đa 10 URL trên website. Bạn có thể thay đổi 10 trang này bất cứ lúc nào ngay phía trên bảng trong báo cáo. Chỉ cần chọn “Edit list”, sau đó bạn có thể chọn chính xác những trang muốn kiểm tra.

Hãy chụp ảnh màn hình để lưu thông tin này. Bạn nên chia sẻ ảnh với nhóm phát triển cùng các đề xuất giúp tối ưu Core Web Vitals.

Ưu điểm của báo cáo này là bạn có thể chạy lại quy trình kiểm tra sau khi điều chỉnh và theo dõi xu hướng của CWV khi các chỉ số cải thiện hoặc giảm sút sau mỗi thay đổi trên website.

Trong lần audit đầu tiên, 10 URL sẽ là 10 URL đầu tiên được crawler của chúng tôi kiểm tra. Nếu bạn thiết lập phạm vi crawl bằng một tệp URL, chúng tôi sẽ kiểm tra Core Web Vitals cho 10 dòng đầu tiên trong tệp. Sau lần crawl đầu tiên, bạn có thể tùy chỉnh 10 trang cần kiểm tra bất cứ lúc nào.

Thông tin này được thu thập thông qua Google Lighthouse. Bạn có thể tìm hiểu thêm về quy trình này trong Knowledge Base hoặc xem video hướng dẫn bên dưới.

Tối ưu Core Web Vitals

Vì mỗi chỉ số thể hiện một khía cạnh riêng nhưng có liên quan đến trải nghiệm người dùng, dưới đây là cách bạn có thể cải thiện các chỉ số này.

Largest Contentful Paint (LCP)

Chỉ số này theo dõi tốc độ tải trang, cụ thể hơn là khoảng thời gian trước khi phần tử nội dung lớn nhất trong vùng hiển thị của trang xuất hiện với người dùng.

Các yếu tố làm giảm LCP:

• Thời gian phản hồi của máy chủ chậm
• Java và CSS chặn quá trình Rendering
• Tài nguyên tải chậm (đặc biệt là tệp hình ảnh và video)
• Rendering phía máy khách

Để cải thiện LCP:

• Tối ưu máy chủ
• Sử dụng CDN hình ảnh tại địa phương để phục vụ người dùng toàn cầu nhanh hơn
• Lưu cache tài nguyên và ưu tiên phân phối các trang HTML từ cache
• Rút gọn CSS và JavaScript

First Input Delay (FID)

Chỉ số này theo dõi khoảng thời gian trước khi người dùng tương tác với trang bằng cách nhấp hoặc thao tác trên một phần của UI. Qua đó, bạn có thể đo lường mức độ phản hồi tổng thể của trang web.

Vì chỉ số này dựa trên sự kiện thực tế của người dùng, bạn chỉ có thể đo lường “in the field” chứ không thể tái tạo trong môi trường thử nghiệm.

Tuy nhiên, có một chỉ số tên là Total Blocking Time (TBT) mà bạn có thể đo lường trong Lighthouse và Semrush; đây là chỉ số tương tự rất phù hợp.

Các yếu tố làm giảm TBT (và FID):

• Tác vụ kéo dài
• Thời gian thực thi JavaScript kéo dài
• Các bundle JavaScript có dung lượng lớn
• JavaScript chặn quá trình Rendering

Để cải thiện FID:

• Rút ngắn thời gian thực thi JavaScript
• Triển khai lazy-loading
• Giảm thiểu polyfill không sử dụng
• Theo dõi thay đổi bằng TBT

Cumulative Layout Shift (CLS)

Chỉ số này theo dõi độ ổn định về mặt hình ảnh của trang web — thường bị ảnh hưởng bởi quảng cáo, cửa sổ bật lên và banner đột ngột làm thay đổi trang khi có người đang xem.

CLS kém thường gây khó chịu tột độ, khiến mọi người có thể bực tức la lên hoặc thoát khỏi trang web của bạn một cách đột ngột.

Các yếu tố làm giảm CLS:

• Quảng cáo gây ra bất kỳ thay đổi nào về bố cục
• Banner/thông báo cookie
• Hình ảnh không có kích thước xác định
• Nội dung được chèn động
• Embed và iframe không có kích thước xác định
• Web font gây ra FOIT/FOUT (flash of invisible text/flash of unstyled text)

Để cải thiện CLS:

• Luôn thêm thuộc tính kích thước <width> và <height> cho hình ảnh và phần tử video.
• Xác định không gian dành cho từng tài nguyên trên trang của bạn (quảng cáo, banner, hình ảnh responsive, video, v.v.)
• Tải nội dung từ trên xuống dưới

Các mục kiểm tra khác trong Site Audit có thể hữu ích

Để theo dõi tình trạng của phần còn lại trên website, bạn cũng nên chú ý đến những mục kiểm tra khác này trong Site Audit, giúp bạn giám sát hiệu suất.

• Các trang tải chậm
• Các trang có kích thước HTML quá lớn
• Sự cố với các tệp JavaScript và CSS nội bộ bị hỏng
• CSS/JavaScript chưa được thu gọn
• Sự cố với các tệp JavaScript và CSS chưa được lưu vào bộ nhớ đệm
• Các tệp JavaScript và CSS chưa được nén
• Các trang chưa được nén
• Các trang có tổng kích thước JavaScript và CSS quá lớn
• Các trang có quá nhiều tệp JavaScript và CSS

Bạn còn có thể dùng báo cáo Site Performance để nhanh chóng tìm các vấn đề liên quan đến hiệu suất trên website.

Giờ bạn đã biết Semrush có thể làm gì, hãy kiểm tra Core Web Vitals trên website của mình!