Como medir automaticamente o Core Web Vitals todos os dias com o Google Sheets

• Core Web Vitals: métricas de desempenho de páginas web do Google

• Cadastre vários sites no Google Sheets e execute automaticamente uma vez por dia para registrar as métricas e exibir gráficos

• Mede FCP, FID, LCP, CLS, TTI etc. tanto para páginas desktop quanto mobile

1. Faça uma cópia da planilha

2. Preencha a URL da primeira página a ser medida e o nome da planilha

3. Altere o nome da planilha conforme necessário

4. Clique em Track Web Vitals para iniciar a medição; depois disso, ela será executada automaticamente uma vez por dia e manterá o registro

[xguru]

Pelo código, dá para ver que ele faz a medição internamente via Google PageSpeedOnline, depois faz o parsing desses dados e os salva no Google Sheets.

Quando você registra pela primeira vez, aparece um alerta de segurança, mas como dá para ver no código-fonte, é um código sem problemas de segurança.

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

Como a medição e o registro são feitos automaticamente, seria ainda melhor se ele enviasse o conteúdo por e-mail mais ou menos uma vez por semana.

[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 = "valores de 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 desta semana", message);

}

[xguru]

Google introduz métricas de experiência da página (Page Experience) no ranking dos resultados de busca https://pt.news.hada.io/topic?id=2197

• Core Web Vitals

→ LCP : Largest Contentful Paint

→ FID : First Input Delay

→ CLS : Cumulative Layout Shift

Lançamento do Lighthouse 6.0 https://pt.news.hada.io/topic?id=2122

→ adição das métricas LCP, CLS e TBT

O que é Cumulative Layout Shift (CLS)? https://pt.news.hada.io/topic?id=1697

→ mede o quanto o layout de uma página da web muda devido ao carregamento lento de imagens/anúncios, operações assíncronas, alterações dinâmicas no DOM etc.

→ uma métrica de desempenho centrada no usuário que verifica a instabilidade visual que pode levar o usuário a clicar por engano