■JS基本渲染与完全渲染
JS渲染测试,即是Javascript面向对象的动态类型页面渲染过程。其中渲染过程考核的指标比较多,我们选取渲染测试参数中的渲染速度作为标准,比较各参测浏览器在基本渲染和完全渲染两种测试模式的性能表现。
以上截图为基本渲染和完全渲染两种方式之后的测试结果。从基本和完全两个概念下的测试图形表现来看,基本渲染就是将图像基本的色调、轮廓、背景扫描出来即可完成;而完全渲染就是将图像的所有细节版块全部扫描出来。因此两者的渲染所花费的时间都是不一样的。
JS性能测试工具(渲染测试) | |||||
软件名称 | 基本渲染(s) | 完全渲染(s) | 总得分 | ||
测试结果 | 得分 | 测试结果 | 得分 | ||
QQ浏览器 | 0.585 | 4 | 7.909 | 4.8 | 8.8 |
IE11 | 0.524 | 4.4 | 8.096 | 4.2 | 8.6 |
猎豹浏览器 | 0.725 | 3.8 | 14.998 | 3.2 | 7 |
搜狗浏览器 | 0.472 | 4.8 | 10.450 | 3.8 | 8.6 |
百度浏览器 | 0.888 | 3 | 7.591 | 5 | 8 |
傲游云浏览器 | 0.484 | 4.6 | 10.116 | 4 | 8.6 |
Google Chrome | 0.547 | 4.2 | 13.641 | 3.4 | 7.6 |
Firefox | 0.928 | 2.8 | 12.335 | 3.6 | 6.4 |
360安全浏览器 | 0.734 | 3.6 | 33.261 | 2.8 | 6.4 |
Opera | 0.750 | 3.4 | 16.641 | 3 | 6.4 |
2345智能浏览器 | 0.790 | 3.2 | 8.084 | 4.4 | 7.4 |
淘宝浏览器 | 0.438 | 5 | 7.960 | 4.6 | 9.6 |
相比之下,淘宝浏览器综合基本渲染和完全渲染所花费的时间最少。也就是说在渲染相同网页界面内容情况下,淘宝浏览器的效率会更高些。测试全过程,Firefox浏览器基本渲染环节渲染的最高值为0.928秒;360安全浏览器在完全渲染中爆出最高值为33.261秒。