检测给定页面使用的外部资源和文件大小

Question

使用JavaScript，我想要检测网站使用了多少JavaScript，CSS和图像。最重要的是，我想获得每个资产的文件大小。这是可能的，如果是这样，你会怎么做？

Answer 1

关于检测网站上使用的外部javascripts，css和图像的数量，通过获取所有脚本，图像和样式标记然后通过比较文档域与资产来检查它们是否外部是可行的域。

关于使用javascript检查外部资源的大小，这可能很难。即使您可以尝试使用ajax重新获取脚本和css文件，以获取文件的内容（估计其大小），估计图像大小也会出现问题。我猜html5文件api或canvas可能用于了解图像的大小。