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

测试页面,页面里边一次加载50张不同的图片,每张5M以上,查看浏览器的内存使用情况的更多相关文章
- 基于JQuery实现滚动到页面底端时自动加载更多信息
		基于JQuery实现滚动到页面底端时自动加载更多信息 关键代码: 代码如下: var stop=true; $(window).scroll(function(){ totalheight = par ... 
- 页面加载异常  清除浏览器静态文件  js  css 缓存  js动态加载js css文件,可以配置文件后辍,防止浏览器缓存
		js清除浏览器缓存的几种方法 - 兔老霸夏 - 博客园 https://www.cnblogs.com/Mr-Rocker/p/6031096.html js清除浏览器缓存的几种方法 一.CSS和 ... 
- 一个页面从输入URL到加载显示完成,发生了什么?
		面试经典题--URL加载 一.涉及基本知识点: 1. 计算机网络 五层因特尔协议栈: 应用层(dns.http):DNS解析成IP并完成http请求发送: 传输层(tcp.udp):三次握手四次挥手模 ... 
- chrome://inspect调试html页面空白,DOM无法加载的解决方案
		chrome://inspect调试html页面空白,DOM无法加载的解决方案 先描述一下问题 有一段时间没碰huilder hybird app 开发了,今天调试的时候 chrome://inspe ... 
- wp加载本地HTML(附带图片,CSS,JS)
		wp加载本地HTML(附带图片,CSS,JS) Windows Phone:Load Local HTML with Img,Css,Js by 唐小崇 http://www.cnblogs.com/ ... 
- 动态加载/删除css文件以及图片预加载
		动态加载/删除css文件以及图片预加载 功能模块页面 最近,工作中遇到了一个比较奇葩的需求:要在一个页面(PC端)增加一个功能模块,但是这个页面在不久之后要重构,为了新增加的模块可以继续复用, ... 
- RecyclerView加载更多用notifyDataSetChanged()刷新图片闪烁
		首先来看看对比ListView看一下RecyclerView的Adapter主要增加了哪些方法: notifyItemChanged(int position) 更新列表position位置上的数据可 ... 
- js动态加载js css文件,可以配置文件后辍,防止浏览器缓存
		js的引用,在浏览器,或微信上访问经常会遇到文件改了,但就是没有更新的问题,使用此函数可以轻松解决缓存问题只需要把js的引用方式改为使用此函数加载即可 源码如下: /** * js动态加载js css ... 
- jquery文档加载几种写法,图片加载写法
		jquery文档加载写法: $(function(){ }) ; //个人最常使用方式 $(document).ready(function(){ }); //调用文档对象下的ready方法传入一个函 ... 
随机推荐
- DOM操作和样式操作库的封装
			一.DOM常用方法和属性复习 以下粗略的罗列一下DOM的常用方法和属性,由于不是介绍DOM的基础内容,所以就不一一详细说明各个方法和属性了(学习DOM的封装的,一般都对基础DOM比较熟悉了). 1.1 ... 
- 分享小知识:善用Group By排序
			以下列举了公用表/临时表/聚合函数三个因素为例子(覆盖索引因素除外,有利用此类索引都会以索引顺序) 环境: Microsoft SQL Server 2014 (SP1-GDR) (KB319472 ... 
- ###Intent的使用(活动中穿梭)
			让活动切换有两种方式 显示意图和隐式意图 显示意图:只能在本应用中穿梭: 隐式意图:可以调用其他应用程序的活动,包括系统应用,但是需要配置清单文件 显式Intent 1) 创建一个新的活动 2) 确定 ... 
- [译]Selenium Python文档:三、导航控制
			你使用WebDriver要做的第一件事就是访问一个链接.一般通过调用get方法来实现: driver.get("http://www.baidu.com") 在将控制权返给你的脚本 ... 
- Visual Studio 2017 新特性
			全新的安装体检 VS2017更好的支持了按需安装的特点,用户可以仅选择需要的功能安装,节省了不少的Disk 最小的安装仅有几百兆,但也支持20多种编程语言的编辑和源码管理 支持创建自定义的离线安装包 ... 
- zabbix_agent-linux下的安装
			scp 10.25.133.184:/usr/local/zabbix-2.4.1.tar.gz /usr/local 1.为了安全考虑zabbix只使用普通用户运行,假如你当前用户叫ttlsa,那么 ... 
- sui的一些方法封装
			+ function($) { "use strict"; var today = new Date(); var getDays = function(max) { var da ... 
- Git 入门和常用命令详解
			git 使用使用教程 git 使用简易指南 常用 Git 命令清单 下载 https://git-scm.com/downloads 工作流 本地仓库由三部分组成. 工作区:保存实际的文件( ... 
- Laravel Session 遇到的坑
			这两天遇到了一个很奇怪的问题,更新session ,session的值不变.经过一番追查,终于找到问题,并搞明白了原理.写这篇博客记录下. 框架版本 Laravel 5.4 问题 先来描述下问题,我在 ... 
- js的eval函数
			今天在看代码的时候发现了一个eval函数,不解其意,通过查询之后,终于知道了,下面是我的总结. eval函数可以将字符串生成语句执行,格式为:eval(coding),类似于sql语句里面的exec( ... 
