如何使用Google PageSpeed API計算網頁的總大小？

Question

"statistics": { 
    "cssResponseBytes": "333 kB", 
    "htmlResponseBytes": "269 kB", 
    "imageResponseBytes": "3.35 MB", 
    "javascriptResponseBytes": "2.29 MB", 
    "numberCssResources": 2, 
    "numberHosts": 80, 
    "numberJsResources": 72, 
    "numberResources": 237, 
    "numberStaticResources": 50, 
    "otherResponseBytes": "53.1 kB", 
    "textResponseBytes": "160 kB", 
    "totalRequestBytes": "69.7 kB" 
    }, 

這是JSON響應即時通訊從Google PageSpeed API獲取頁面的統計信息。如果可能，我如何計算加載頁面的整個下載大小？我的假設是要添加第4行的響應在一起（responsebytes）

Answer 1

您可以創建一個分析結果和計算的總字節數的函數，像

var obj = { 
 
    "statistics": { 
 
     "cssResponseBytes": "333 kB", 
 
     "htmlResponseBytes": "269 kB", 
 
     "imageResponseBytes": "3.35 MB", 
 
     "javascriptResponseBytes": "2.29 MB", 
 
     "numberCssResources": 2, 
 
     "numberHosts": 80, 
 
     "numberJsResources": 72, 
 
     "numberResources": 237, 
 
     "numberStaticResources": 50, 
 
     "otherResponseBytes": "53.1 kB", 
 
     "textResponseBytes": "160 kB", 
 
     "totalRequestBytes": "69.7 kB" 
 
     } 
 
} 
 

 
var result = Object.keys(obj.statistics) 
 
     \t \t .filter(k => k.includes('ResponseBytes')) 
 
        .map(v => { 
 
      \t \t var calc = {kB:1,MB:1024,GB:1048576}; // etc 
 
       \t \t var size = +obj.statistics[v].replace(/\s.+$/,''); 
 
         var mult = obj.statistics[v].split(/\s/).pop(); 
 
         return size * (calc[mult]||0); 
 
        }).reduce((a,b) => a+b).toFixed(2) + ' kB'; 
 
        
 
console.log(result)