Mesurer automatiquement chaque jour les Core Web Vitals avec Google Sheets

• Core Web Vitals : indicateurs de performance des pages web de Google

• Enregistrer plusieurs sites web dans Google Sheets, exécuter automatiquement la mesure une fois par jour, consigner les indicateurs puis afficher des graphiques

• Mesure complète de FCP, FID, LCP, CLS, TTI, etc. pour les pages desktop et mobile

1. Copier cette feuille

2. Saisir l’URL à mesurer pour la vitesse de la première page ainsi que le nom de la feuille

3. Modifier le nom de la feuille de manière appropriée

4. Cliquer sur Track Web Vitals pour lancer la mesure ; elle s’exécutera ensuite automatiquement une fois par jour et conservera un historique

[xguru]

En regardant le code, on voit que la mesure est effectuée en interne via Google PageSpeedOnline, puis que les résultats sont analysés et enregistrés dans Google Sheets.

Lors du premier enregistrement, un avertissement de sécurité s’affiche, mais comme vous pouvez le voir dans le code source, il n’y a pas de problème de sécurité.

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

Comme les mesures et l’historique sont enregistrés automatiquement, ce serait encore mieux d’envoyer le contenu par e-mail environ une fois par semaine.

[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 = "Valeurs 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", "Les Core Web Vitals de la semaine", message);

}

[xguru]

Google introduit les indicateurs de Page Experience dans le classement des résultats de recherche https://fr.news.hada.io/topic?id=2197

• Core Web Vitals

→ LCP : Largest Contentful Paint

→ FID : First Input Delay

→ CLS : Cumulative Layout Shift

Sortie de Lighthouse 6.0 https://fr.news.hada.io/topic?id=2122

→ ajout des métriques LCP, CLS, TBT

Qu’est-ce que le Cumulative Layout Shift (CLS) ? https://fr.news.hada.io/topic?id=1697

→ mesure à quel point la mise en page d’une page web change en raison du chargement lent des images/publicités, d’opérations asynchrones, de modifications dynamiques du DOM, etc.

→ un indicateur de performance centré sur l’utilisateur qui vérifie l’instabilité visuelle pouvant provoquer des clics involontaires