Javascript 获取网页上具有图像大小的图像列表

Javascript 获取网页上具有图像大小的图像列表,javascript,google-chrome-devtools,Javascript,Google Chrome Devtools,我经常要在网站上做优化任务,我通常从非常大的图像(例如2mb)开始,然后从那里开始。Pingdom速度测试允许您根据图像和大小进行排序,但现在阻止了这种情况。有人知道我是否可以运行一个网站或控制台脚本,为我提供网页上每个图像的简单列表,以及该图像的大小吗 我搜索了这个,但找不到太多,因为大多数人都在寻找图像的尺寸,而不是大小 你不能转到你的网络选项卡,按图像过滤,按大小排序吗?我可以,但这里的痛点是,我在大小下面列出了很多“(内存缓存)”,即使我禁用了缓存。我可以通过隐姓埋名来解决这个问题,但如

我经常要在网站上做优化任务,我通常从非常大的图像(例如2mb)开始,然后从那里开始。Pingdom速度测试允许您根据图像和大小进行排序,但现在阻止了这种情况。有人知道我是否可以运行一个网站或控制台脚本,为我提供网页上每个图像的简单列表,以及该图像的大小吗


我搜索了这个,但找不到太多,因为大多数人都在寻找图像的尺寸,而不是大小

你不能转到你的网络选项卡,按图像过滤,按大小排序吗?我可以,但这里的痛点是,我在大小下面列出了很多“(内存缓存)”,即使我禁用了缓存。我可以通过隐姓埋名来解决这个问题,但如果有一个我可以运行的保存的代码片段或一个我可以使用的网站,那会更方便。至少在FF中,我只在
传输的
下看到缓存,而不是
大小
尝试gtmetrix.com,输入你的网站>扫描>瀑布选项卡>图像选项卡,然后按大小排序。