有没有办法获取和显示网站上所有资源的文件大小?(img、.css、.js等）

Is there a way to get and display the file size of all the resources on a website? (img, .css, .js, etc.)

本文关键字：img 文件大小 css js 资源获取显示网站有没有更新时间：2023-09-26

我正在尝试构建一个面板，它可以获取网页上加载的所有资源（img、javascript、css等）的文件大小，并按文件类型和文件大小进行过滤，这样我就可以看到哪些资源需要减少。

有办法做到这一点吗？

您可以使用Chrome的DevTools的"网络"选项卡，安装浏览器扩展，如谷歌的PageSpeed或雅虎的YSlow，或使用谷歌的Pagespeed服务或Webpagetest 等web服务

大多数浏览器都有一个开发工具包，您可以在其中查看资源大小和加载时间。这将为您提供优化网站速度和文件大小所需的大部分信息。