How to calculate total size of webpage with 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"
  },

This is the JSON response im getting for the statistics of a page from the Google PageSpeed API. How can I calculate the entire download size of loading the page with this, if possible? My assumption is to ADD the first 4 lines in the response together (responsebytes)

Answer 1

You can create a function that parses the result and calculates the total number of bytes, something like

 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) .filter( k => k.includes('ResponseBytes')) .map( v => { var calc = {kB:1,MB:1024,GB:1048576}; // etc 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)