Mengukur Core Web Vitals setiap hari secara otomatis dengan Google Sheets

• Core Web Vitals: metrik performa halaman web dari Google

• Daftarkan beberapa situs web di Google Sheets lalu jalankan otomatis sekali sehari untuk mencatat metrik dan menampilkannya dalam grafik

• Mengukur semuanya, termasuk FCP, FID, LCP, CLS, TTI, dll. untuk halaman desktop/mobile

1. Salin sheet tersebut

2. Catat URL yang akan diukur kecepatan halamannya terlebih dahulu dan nama Sheet

3. Ubah nama Sheet sesuai kebutuhan

4. Klik Track Web Vitals untuk memulai pengukuran, lalu metrik akan diukur otomatis sekali setiap hari dan catatannya disimpan

[xguru]

Melihat kodenya, ternyata ini bekerja dengan cara mengukur secara internal melalui Google PageSpeedOnline, lalu mem-parsing hasilnya dan menyimpannya ke Google Sheets.

Saat pertama kali didaftarkan akan muncul peringatan keamanan, tetapi seperti yang bisa dilihat dari source code-nya, ini adalah kode yang tidak memiliki masalah dari sisi keamanan.

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

Karena pengukuran dan pencatatannya dilakukan otomatis, akan lebih bagus lagi kalau isinya dikirim lewat email kira-kira seminggu sekali.

[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 = "nilai 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 minggu ini", message);

}

[xguru]

Google, memperkenalkan metrik Page Experience ke peringkat hasil pencarian https://id.news.hada.io/topic?id=2197

• Core Web Vitals

→ LCP : Largest Contentful Paint

→ FID : First Input Delay

→ CLS : Cumulative Layout Shift

Rilis Lighthouse 6.0 https://id.news.hada.io/topic?id=2122

→ metrik LCP, CLS, TBT ditambahkan

Apa itu Cumulative Layout Shift (CLS)? https://id.news.hada.io/topic?id=1697

→ mengukur seberapa banyak layout halaman web berubah karena pemuatan gambar/iklan yang lambat, operasi asinkron, perubahan DOM dinamis, dan sebagainya

→ metrik performa yang berfokus pada pengguna untuk memeriksa ketidakstabilan visual yang dapat memicu pengguna melakukan klik yang salah