Tự động đo Core Web Vitals hằng ngày bằng Google Sheets

• Core Web Vitals: các chỉ số hiệu năng trang web của Google

• Đăng ký nhiều website trong Google Sheets và tự động chạy mỗi ngày một lần để ghi lại các chỉ số rồi hiển thị biểu đồ

• Đo đầy đủ FCP, FID, LCP, CLS, TTI cho cả trang desktop/mobile

1. Sao chép sheet tương ứng

2. Ghi URL cần đo tốc độ trang đầu tiên và Sheet Name

3. Đổi Sheet Name cho phù hợp

4. Nhấn Track Web Vitals để bắt đầu đo, sau đó hệ thống sẽ tự động đo một lần mỗi ngày và lưu lại kết quả

[xguru]

Xem mã thì có vẻ là cách đo bên trong thông qua Google PageSpeedOnline, sau đó phân tích kết quả và lưu vào Google Sheets.

Khi đăng ký lần đầu sẽ hiện cảnh báo bảo mật, nhưng như bạn có thể thấy khi xem mã nguồn, đây là đoạn mã không có vấn đề về bảo mật.

https://github.com/labnol/code/…

Vì được đo và ghi lại tự động nên nếu có thể gửi nội dung qua email khoảng mỗi tuần một lần thì có lẽ sẽ còn tốt hơn.

[xguru]

function sendEmail() {

var sheets = SpreadsheetApp.getActiveSpreadsheet().getSheets();

for (var i = 0; i < sheets.length ; i++ ) {

var sheet = sheets[i];

var dataRange = sheet.getDataRange()

var cwvRange = sheet.getRange(2,1,dataRange.getLastRow()-1,dataRange.getLastColumn());

var numRows = cwvRange.getNumRows();

var numCols = cwvRange.getNumColumns();

var message = "Giá trị CWT";

for (var i = 0; i < numRows; i++) {

for (var j = 0; j < numCols; j++) {

    message = message + cwvRange.getValues()[i][j]  + " | "

}

message = message + "\r\n"

}

}

MailApp.sendEmail("email@server", "Core Web Vitals của tuần này", message);

}

[xguru]

Google đưa chỉ số trải nghiệm trang (Page Experience) vào xếp hạng kết quả tìm kiếm https://vi.news.hada.io/topic?id=2197

• Core Web Vitals

→ LCP : Largest Contentful Paint

→ FID : First Input Delay

→ CLS : Cumulative Layout Shift

Phát hành Lighthouse 6.0 https://vi.news.hada.io/topic?id=2122

→ Thêm các metric LCP, CLS, TBT

Cumulative Layout Shift (CLS) là gì? https://vi.news.hada.io/topic?id=1697

→ Đo mức độ bố cục của trang web thay đổi do tải chậm hình ảnh/quảng cáo, hoạt động bất đồng bộ, thay đổi DOM động, v.v.

→ Chỉ số hiệu năng lấy người dùng làm trung tâm để kiểm tra sự bất ổn thị giác có thể khiến người dùng bấm nhầm