Google Sheets ile Core Web Vitals’ı her gün otomatik ölçmek

• Core Web Vitals: Google’ın web sayfası performans metrikleri

• Google Sheets’e birden fazla web sitesi ekleyip bunu her gün bir kez otomatik çalıştırarak metrikleri kaydetme ve ardından grafikte gösterme

• Masaüstü/mobil sayfalar için FCP, FID, LCP, CLS, TTI vb. metriklerin tamamını ölçme

1. İlgili sayfanın bir kopyasını alın

2. İlk hız ölçümü yapılacak URL’yi ve Sheet Name’i girin

3. Sheet Name’i uygun şekilde değiştirin

4. Track Web Vitals’a tıklayın; ölçüm başlar ve her gün otomatik olarak bir kez ölçüm yapıp kaydeder

[xguru]

Koda bakınca, bunun içeride Google PageSpeedOnline üzerinden ölçüm yapıp ardından bu sonuçları ayrıştırarak Google Sheets'e kaydeden bir yöntem olduğu görülüyor.

İlk kayıt sırasında bir güvenlik uyarısı çıkıyor ama kaynak koda bakarsanız göreceğiniz gibi güvenlik açısından sorunlu bir kod değil.

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

Otomatik olarak ölçüm yapılıp kayıt tutulduğu için, haftada bir kez içeriği e-postayla gönderse daha da iyi olabilir gibi görünüyor.

[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 = "CWT değeri";

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", "Bu haftanın Core Web Vitals değerleri", message);

}

[xguru]

Google, arama sonuçları sıralamasına sayfa deneyimi (Page Experience) göstergelerini ekliyor https://tr.news.hada.io/topic?id=2197

• Core Web Vitals

→ LCP : Largest Contentful Paint

→ FID : First Input Delay

→ CLS : Cumulative Layout Shift

Lighthouse 6.0 yayını https://tr.news.hada.io/topic?id=2122

→ LCP, CLS, TBT metrikleri eklendi

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

→ Görsellerin/reklamların yavaş yüklenmesi, asenkron işlemler, dinamik DOM değişiklikleri gibi nedenlerle web sayfasının yerleşiminin ne kadar değiştiğini ölçer

→ Kullanıcının yanlış tıklamalar yapmasına yol açabilen görsel kararsızlığı kontrol eden kullanıcı odaklı bir performans metriğidir