测试页面,页面里边一次加载50张不同的图片,每张5M以上,查看浏览器的内存使用情况

测试页面

1、需要你写个测试页面,页面里边一次加载50张不同的图片,每张5M,查看浏览器的内存使用情况

2、可以10张 递增的方式测试

3、图片需要缩放,比如所有图片缩放成600*800的比例

目的

只是为了测试 图片占用浏览器的内存情况

测试情况

1、1张图

(google浏览器)没有缩放图情况下,图大小5MB以上,内存占用16MB,包含了浏览器内存,实际占用3MB

PS:空的一个网页13MB

测试页面,页面里边一次加载50张不同的图片,每张5M以上,查看浏览器的内存使用情况

缩放情况下,内存占用19MB,实际占用6MB

测试页面,页面里边一次加载50张不同的图片,每张5M以上,查看浏览器的内存使用情况

缩放照片不仅仅不会减少内存消耗,反而增加内存消耗。

 

(IE浏览器)没有缩放图情况下,图大小5MB以上,内存占用39MB

测试页面,页面里边一次加载50张不同的图片,每张5M以上,查看浏览器的内存使用情况

开一个空的网页占的内存,29MB

 

 

2、10张图,没有缩放图情况下,每张图大小分布在5MB大小附近,内存占用71MB。实际占用58MB

测试页面,页面里边一次加载50张不同的图片,每张5M以上,查看浏览器的内存使用情况

缩放情况下,内存占用68MB,实际占用55MB

测试页面,页面里边一次加载50张不同的图片,每张5M以上,查看浏览器的内存使用情况

缩放照片会增加内存消耗,webkit内核在这个缩放上的算法已经优化。

 

320张图,没有缩放图情况下,每张图大小分布在5MB以上,内存占用149MB

测试页面,页面里边一次加载50张不同的图片,每张5M以上,查看浏览器的内存使用情况

缩放情况下,内存占用152MB

测试页面,页面里边一次加载50张不同的图片,每张5M以上,查看浏览器的内存使用情况

缩放照片会增加内存消耗,webkit内核在这个缩放上的算法已经优化。

 

430张图,没有缩放图情况下,每张图大小分布在5MB大小附近,内存占用206MB

测试页面,页面里边一次加载50张不同的图片,每张5M以上,查看浏览器的内存使用情况

缩放情况下,205MB

测试页面,页面里边一次加载50张不同的图片,每张5M以上,查看浏览器的内存使用情况

540张图,没有缩放图情况下,每张图大小在5MB大小附近,内存占用290MB

测试页面,页面里边一次加载50张不同的图片,每张5M以上,查看浏览器的内存使用情况

缩放情况下,占用内存290MB

测试页面,页面里边一次加载50张不同的图片,每张5M以上,查看浏览器的内存使用情况

650张图,没有缩放图情况下,每张图大小在5MB大小附近,内存占用402MB

测试页面,页面里边一次加载50张不同的图片,每张5M以上,查看浏览器的内存使用情况

缩放情况下,占用内存403MB

测试页面,页面里边一次加载50张不同的图片,每张5M以上,查看浏览器的内存使用情况

上一篇:IE浏览器远程代码执行高危漏洞(CVE-2019-1367)


下一篇:sqlite3结合ios开发