圖像渲染測試

Question

我以自定義瀏覽器爲基準，希望對同一文件大小的不同類型圖像（gif，jpg，png）的渲染速度進行基準測試，以查看該瀏覽器渲染速度最快的圖像格式。

我的過程是隻是爲每個類型的圖像進行簡單獨立的HTML頁面，只需使用一個JavaScript計數器被渲染和之前和之後測量該特定圖像的瀏覽器的渲染速度。

對這個過程有什麼想法？有關如何改進它的任何想法？

Answer 1

的FirefoxFirebug插件YSlow是相當不錯的

Answer 2

嗯，這是很難得到有意義的結果的通用這種方式。您正在測量加載html，javascript和圖片的組合。根據你從哪裏加載它們，你也在測量磁盤或網絡緩存。圖像渲染代碼將有一些啓動時間，依賴於內存分配器和可能的垃圾收集。然後是圖像大小，顏色深度，壓縮量，頁面上圖像的數量，縮放比例，樣式表的影響以及javascript定時器的分辨率。哦，你是渲染到一個窗口的可見部分，在一個圖層或屏幕外。

但是不要擔心，你將能夠拿出一個可用的測試。針對你的具體情況。或者差異甚至可能非常明顯。