如何获取网页资源（如javascript、css、图像等）的大小

Question

w3c 资源计时 API 提供了一种机制来查找加载资源（如 .js、.css、.gif、字体等）的计时详细信息。但是，当前的实现尚未实现返回资源的大小（ http://www.w3.org/TR/resource-timing/#performanceresourcetiming 传输大小）。

在浏览器供应商实现属性“transferSize”之前，应用程序开发人员或工具供应商如何确定给定资源的大小？

Answer 1

据我所知，你不能使用 JavaScript 来访问资源长度。 我发现使用脚本的唯一方法是使用

PHP

，例如 

这个旧的 StackOverflow 问题，它基本上描述了 这个方法 是检索远程文件长度的最佳方法，例如 css

、

js

、等，无需下载它们。
正如您所说，尚未实现访问文件大小的属性。
我还链接了您

另一个 StackOverflow 问题，因为它提到了 Google 开发的一个名为 speedtracer 的工具，可以让您分析页面加载时间和其他内容。

我希望这对你有帮助:)

Answer 2

快进很多年后...

var URL=''; // paste a resource url in here    

fetch(URL).then(response=>{


 // add code here to process the result or send to a container like in this simple example...

 Z.innerHTML=Number(response.headers.get('Content-Length'));


}).catch(error=>{Z.innerHTML='error';});

容器等待异步结果到达...

<span id="Z"></span>