Core Web Vitals täglich automatisch mit Google Sheets messen

• Core Web Vitals: Googles Leistungskennzahlen für Webseiten

• Mehrere Websites in Google Sheets eintragen und die Messung einmal täglich automatisch ausführen, die Kennzahlen aufzeichnen und anschließend als Grafiken anzeigen

• FCP, FID, LCP, CLS, TTI usw. für Desktop- und mobile Seiten vollständig messen

1. Die betreffende Tabelle kopieren

2. Die URL der ersten zu messenden Seite und den Sheet-Namen eintragen

3. Den Sheet-Namen passend ändern

4. Auf Track Web Vitals klicken, um die Messung zu starten; danach wird einmal täglich automatisch gemessen und ein Protokoll gespeichert

[xguru]

Wenn man sich den Code ansieht, ist es offenbar so umgesetzt, dass intern über Google PageSpeedOnline gemessen, das Ergebnis geparst und anschließend in Google Sheets gespeichert wird.

Bei der ersten Registrierung erscheint eine Sicherheitswarnung, aber wie man am Quellcode sehen kann, enthält der Code sicherheitstechnisch kein Problem.

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

Da die Messung und Protokollierung automatisch erfolgen, wäre es noch besser, wenn der Inhalt etwa einmal pro Woche per E-Mail verschickt würde.

[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-Werte";

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 dieser Woche", message);

}

[xguru]

Google führt Page-Experience-Metriken in das Ranking der Suchergebnisse ein https://de.news.hada.io/topic?id=2197

• Core Web Vitals

→ LCP : Largest Contentful Paint

→ FID : First Input Delay

→ CLS : Cumulative Layout Shift

Lighthouse 6.0 veröffentlicht https://de.news.hada.io/topic?id=2122

→ LCP-, CLS- und TBT-Metriken hinzugefügt

Was ist Cumulative Layout Shift (CLS)? https://de.news.hada.io/topic?id=1697

→ Misst, wie stark sich das Layout einer Webseite durch langsames Laden von Bildern/Werbung, asynchrone Abläufe, dynamische DOM-Änderungen usw. verändert

→ Eine nutzerzentrierte Performance-Metrik, die visuelle Instabilität prüft, die zu Fehlklicks bei Nutzern führen kann