Google Sheets से Core Web Vitals का रोज़ाना ऑटोमेटिक मापन करें

• Core Web Vitals : Google के वेबपेज परफ़ॉर्मेंस मेट्रिक्स

• Google Sheets में कई वेबसाइट्स रजिस्टर करके, उसे हर दिन एक बार अपने-आप चलाकर मेट्रिक्स रिकॉर्ड करें और फिर ग्राफ़ दिखाएँ

• डेस्कटॉप/मोबाइल पेज के FCP, FID, LCP, CLS, TTI आदि सभी को मापें

1. उस शीट की कॉपी करें

2. पहले पेज स्पीड मापने के लिए URL और Sheet Name दर्ज करें

3. Sheet Name को उपयुक्त रूप से बदलें

4. Track Web Vitals दबाएँ, मापन शुरू होगा और फिर हर दिन अपने-आप एक बार मापकर रिकॉर्ड सेव होगा

[xguru]

कोड को देखकर लगता है कि यह अंदरूनी तौर पर Google PageSpeedOnline के जरिए मापने के बाद उसके विवरण को parse करके Google Sheets में सेव करने का तरीका है।

शुरुआत में रजिस्टर करने पर security warning आती है, लेकिन source code देखें तो समझ आएगा कि security के लिहाज़ से इसमें कोई समस्या नहीं है।

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

यह अपने आप मापता है और रिकॉर्ड भी हो जाता है, इसलिए अगर हफ्ते में एक बार इसका विवरण mail से भेज दे तो और भी अच्छा लगेगा।

[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 मान";

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

}

[xguru]

Google, search results ranking में Page Experience metrics की शुरुआत https://hi.news.hada.io/topic?id=2197

• Core Web Vitals

→ LCP : Largest Contentful Paint

→ FID : First Input Delay

→ CLS : Cumulative Layout Shift

Lighthouse 6.0 रिलीज़ https://hi.news.hada.io/topic?id=2122

→ LCP, CLS, TBT metrics जोड़े गए

Cumulative Layout Shift (CLS) क्या है? https://hi.news.hada.io/topic?id=1697

→ इमेज/विज्ञापनों की धीमी लोडिंग, asynchronous behavior, dynamic DOM changes आदि के कारण वेब पेज का layout कितना बदलता है, इसे मापता है

→ यह एक user-centric performance metric है जो visual instability को जाँचता है, जिससे users से गलत clicks हो सकते हैं