檢測給定頁面使用的外部資源和文件大小

Question

使用JavaScript，我想要檢測網站正在使用的JavaScript，CSS和圖像的數量。最重要的是，我想要獲取每個資產的文件大小。這是可能的，如果是的話，你會如何做到這一點？

Answer 1

至於檢測外部JavaScript的，CSS和圖像在網站上，如果他們外部通過文件域比較，資產域是通過讓所有的腳本，形象和風格標籤，然後選中可行的使用數量。

至於用javascript檢查外部資源的大小，那可能很難。儘管您可以嘗試使用ajax重新獲取腳本和css文件，以獲取文件內容（估計其大小），但估計圖像大小時會出現問題。我想HTML5文件API或畫布可能會用於獲取有關圖像有多大的一些想法。