測試頁面
1、需要你寫個測試頁面,頁面里邊一次加載50張不同的圖片,每張5M,查看瀏覽器的內存使用情況
2、可以10張 遞增的方式測試
3、圖片需要縮放,比如所有圖片縮放成600*800的比例
目的
只是為了測試 圖片占用瀏覽器的內存情況
測試情況
1、1張圖
(google瀏覽器)沒有縮放圖情況下,圖大小5MB以上,內存占用16MB,包含了瀏覽器內存,實際占用3MB。
PS:空的一個網頁13MB
縮放情況下,內存占用19MB,實際占用6MB。
縮放照片不僅僅不會減少內存消耗,反而增加內存消耗。
(IE瀏覽器)沒有縮放圖情況下,圖大小5MB以上,內存占用39MB
開一個空的網頁占的內存,29MB
2、10張圖,沒有縮放圖情況下,每張圖大小分布在5MB大小附近,內存占用71MB。實際占用58MB
縮放情況下,內存占用68MB,實際占用55MB。
縮放照片會增加內存消耗,webkit內核在這個縮放上的算法已經優化。
3、20張圖,沒有縮放圖情況下,每張圖大小分布在5MB以上,內存占用149MB。
縮放情況下,內存占用152MB
縮放照片會增加內存消耗,webkit內核在這個縮放上的算法已經優化。
4、30張圖,沒有縮放圖情況下,每張圖大小分布在5MB大小附近,內存占用206MB。
縮放情況下,205MB
5、40張圖,沒有縮放圖情況下,每張圖大小在5MB大小附近,內存占用290MB。
縮放情況下,占用內存290MB
6、50張圖,沒有縮放圖情況下,每張圖大小在5MB大小附近,內存占用402MB。
縮放情況下,占用內存403MB
文章列表