Mesurer automatiquement chaque jour les Core Web Vitals avec Google Sheets

<p>- Core Web Vitals : indicateurs de performance des pages web de Google<br /> - Enregistrer plusieurs sites web dans Google Sheets, exécuter automatiquement la mesure une fois par jour, consigner les indicateurs puis afficher des graphiques <br /> - Mesure complète de FCP, FID, LCP, CLS, TTI, etc. pour les pages desktop et mobile<br /> <br /> 1. Copier cette feuille<br /> 2. Saisir l’URL à mesurer pour la vitesse de la première page ainsi que le nom de la feuille<br /> 3. Modifier le nom de la feuille de manière appropriée<br /> 4. Cliquer sur Track Web Vitals pour lancer la mesure ; elle s’exécutera ensuite automatiquement une fois par jour et conservera un historique</p>

[xguru]

<p>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.<br /> 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é.<br /> https://github.com/labnol/code/… /> <br /> 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.</p>

[xguru]

<p>function sendEmail() {<br /> var sheets = SpreadsheetApp.getActiveSpreadsheet().getSheets(); <br /> for (var i = 0; i &lt; sheets.length ; i++ ) {<br /> var sheet = sheets[i];<br /> var dataRange = sheet.getDataRange()<br /> var cwvRange = sheet.getRange(2,1,dataRange.getLastRow()-1,dataRange.getLastColumn());<br /> <br /> var numRows = cwvRange.getNumRows();<br /> var numCols = cwvRange.getNumColumns();<br /> var message = &quot;Valeurs CWT&quot;;<br /> for (var i = 0; i &lt; numRows; i++) {<br /> for (var j = 0; j &lt; numCols; j++) {<br /> message = message + cwvRange.getValues()[i][j] + &quot; | &quot;<br /> }<br /> message = message + &quot;\r\n&quot;<br /> }<br /> }<br /> <br /> MailApp.sendEmail(&quot;email@server&quot;, &quot;Les Core Web Vitals de la semaine&quot;, message);<br /> }</p>

[xguru]

<p>Google introduit les indicateurs de Page Experience dans le classement des résultats de recherche https://fr.news.hada.io/topic?id=2197<br /> - Core Web Vitals<br /> → LCP : Largest Contentful Paint<br /> → FID : First Input Delay<br /> → CLS : Cumulative Layout Shift<br /> <br /> Sortie de Lighthouse 6.0 https://fr.news.hada.io/topic?id=2122<br /> → ajout des métriques LCP, CLS, TBT<br /> <br /> Qu’est-ce que le Cumulative Layout Shift (CLS) ? https://fr.news.hada.io/topic?id=1697<br /> → 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.<br /> → un indicateur de performance centré sur l’utilisateur qui vérifie l’instabilité visuelle pouvant provoquer des clics involontaires</p>