用于计算html页面大小的javascript/jquery脚本

对于主页,您可以使用以下内容:

let mainHTMLsize = (new Blob([new XMLSerializer().serializeToString(document)], {type: 'text/html'})).size;

Eric Aigner .)

我把它变成一个 Blob 因为 (new XMLSerializer().serializeToString(document)).length 将给出UTF-16代码单元的数量 blob.size 是字节数。

this MDN page 我应该帮你解决剩下的问题:

const p = performance.getEntriesByType("resource");
for (let i=0; i < p.length; i++) 
{
  console.log(`${p[i].name} decodedBodySize = ${p[i].decodedBodySize}`);
}

这是我的密码,很有魅力:

var res = performance.getEntriesByType('resource');

var totalSize = res.reduce((size, item) => {
  size += item.decodedBodySize;
  return size;
}, 0);

var totalSizeKB = totalSize / Math.pow(1024,1)

var totalSizeKB_decimal = (Math.round(totalSizeKB * 100)/100).toFixed(2);

$(".size span").html(totalSizeKB_decimal + " KB");