文档介绍:弹出窗口性能剖析
本文档主要是针对弹出窗口的性能分析,对比的对象是快速保障功能弹出窗口和其他功能的弹出窗口。
一、窗口呈现形式
(略)
我们在本文档中称第一种为模态/非模态模式,第二种为新窗口模式
为了得到一个比较准确的测试结果,我把客户销户这个功能改成模态/非模态模式和新窗口模式,分别对数据进行了抓取,以进行对比。
二、请求服务器内容及次数分析
模态/非模态模式打开时的截图
HTTP请求情况
(略)
弹出对话框之后,
新窗口模式打开时的截图
HTTP请求情况
(略)
弹出对话框之后,
数据整理:
模态/非模态模式
新窗口模式
请求服务器次数
42个
69个
静态(CSS,JS,IMG)内容是否全部被cache
是
否
请求一共用时
2秒
2个
3个
注1:静态是否被cache了,请参照result栏,304代表需要发送一次请求道服务器,服务器给它返回not modified,然后才会load本地内容,Cache直接使用。
注2:有些人的机器上看不到第三个进程出现,这个根据操作系统的设置有关
分析:
有了这些数据基本上就能分析出两种弹出窗口存在性能差异的原因了,下面以问答的方式来进行。
问:为什么模态/非模态模式的弹出窗口瞬间就打开了,而有时新窗口模式弹出窗口要等上半天才能出现?
答:新窗口模式打开窗口要进行一次系统调用,还要生成一个进程,所以会比较慢一些
问:为什么模态/非模态模式打开时,所有静态内容全部被cache了?而对话框模式不行?
答: 模态/非模态模式打开的窗口和它的父窗口共用的是一个进程,前面已经被父窗口访问过的内容在子窗口再