文章出處

測試頁面

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內核在這個縮放上的算法已經優化。

 

320張圖,沒有縮放圖情況下,每張圖大小分布在5MB以上,內存占用149MB

 

縮放情況下,內存占用152MB

 

縮放照片會增加內存消耗,webkit內核在這個縮放上的算法已經優化。

 

 

430張圖,沒有縮放圖情況下,每張圖大小分布在5MB大小附近,內存占用206MB

 

 

縮放情況下,205MB

 

 

540張圖,沒有縮放圖情況下,每張圖大小在5MB大小附近,內存占用290MB

 

 

縮放情況下,占用內存290MB

 

 

650張圖,沒有縮放圖情況下,每張圖大小在5MB大小附近,內存占用402MB

 

 

縮放情況下,占用內存403MB

 


文章列表




Avast logo

Avast 防毒軟體已檢查此封電子郵件的病毒。
www.avast.com


arrow
arrow
    全站熱搜
    創作者介紹
    創作者 大師兄 的頭像
    大師兄

    IT工程師數位筆記本

    大師兄 發表在 痞客邦 留言(0) 人氣()