html5与浏览器-HTML5 时代的全面浏览器测试

2023-08-22 0 1,667 百度已收录

作为第一个使用超文本共享信息的人,Tim Berners-Lee 于 1990 年在法国粒子化学实验室开发了第一个网络浏览器 WorldWideWeb。1991 年 3 月,Tim Berners-Lee 向在 CERN 工作的同事介绍了这项发明。 从此,浏览器就与互联网的发展结下了不解之缘。 随着网络语言和硬件性能的提高,浏览器的角色正在从简单的工具转变为平台。

无论是桌面还是连接设备,浏览器日益成为用户和数字信息之间的桥梁。 虽然有不少开发者为用户提供更加垂直、单一的应用作为信息获取的入口,但作为生产力和信息获取的综合工具,浏览器的普及度、兼容性、便捷性和内容覆盖率,都胜过其他垂直应用。

目前主流浏览器主要有基于Trident引擎的IE、基于Gecko引擎的FireFox、基于Webkit引擎的Chrome和Safari、基于Presto引擎的Opera等,而其他浏览器大多基于这些引擎的内核开发。 面对众多的浏览器,消费者如何选择? 而衡量一个浏览器优劣的标准是什么?

从大多数浏览器的口号可以看出,浏览器的网页响应率已经成为大众用户的主要指标之一,这也是浏览器性能最明显的概括。 浏览器作为数据内容与用户交互的媒介,通过指定的契约将服务器端特定格式的数据突出显示给客户端,主要包括HTML页面文档、页面程序、图片/视频等多媒体内容能否迎合网页标准的改革,正确高效地支持最新的HTML5技术和CSS3功效也成为判断一款浏览器好坏的重要指标。

目前常见的浏览器性能测试工具和技术有很多,包括Apple推出的Sunspider、Google推出的V8、Mozilla推出的Kraken以及第三方开发的Asteroids HTML5、GUIMark2 HTML5、GUIMark2 Flash和Doraemon CSS 3等。 。 通过这样的测试工具和技术,不仅可以测试不同浏览器的性能差异,还可以比较浏览器对HTML5等新的Web标准的兼容性,以反映浏览器的综合体验表现。

JavaScript 测试组

JavaScript是一种可以让网页变得更加生动的编程语言。 利用JavaScript,开发者可以轻松创建各种网页功能和特效,丰富网页的用户体验。

Sunspider 是 Apple 开发的 JavaScript 基准测试。 本次测试仅以 JavaScript 为核心,没有添加 DOM 或其他浏览器 API 等其他东西,用于比较 benchmark JavaScript 在不同浏览器中的加载时间。 在此测试中html5与浏览器,加载时间越短的浏览器越好。

在SunSpider JavaScript Benchmark测试中,Internet Explorer 10的加载速度最快,其次是Firefox 16、Chrome 24、Internet Explorer 9和Safari 5.3。

GoogleV8 是一个 JavaScript 脚本引擎,是 Chrome 的一部分。 与PHP、Python等其他脚本语言一样,JavaScript也可以嵌入到浏览器程序中,与C、C++等编译型语言交互。通过在浏览器程序中引入脚本解析器,可以促进更高的运行效率。 在GoogleV8测试中,总分越高的浏览器越好。

本次测试中,集成Google V8脚本引擎的Chrome 24得分最高,其次是Firefox 16、Internet Explorer 10、Safari 5.3、Internet Explorer 9。这个结果代表了各浏览器对Google的支持效率和加载速度。 JavaScript 引擎。

Kraken是Mozilla发布的JavaScript效率基准测试。 Mozilla自家的Firefox浏览器针对Kraken进行了一定程度的优化。 测试分数越低越好。

html5与浏览器-HTML5 时代的全面浏览器测试

在 Kraken JavaScript Benchmark 测试中,Chrome 24 和 Firefox 16 领先,Internet Explorer 10 紧随其后,Safari 5.3 和 Internet Explorer 9 落后。

HTML5 测试组

Asteroids HTML5专门使用HTML5代码测试了2DCanvas的渲染性能、DrawImage缩放、渐变透明度、合成、阴影渲染以及浏览器的文本显示加载速度。 本次测试重点关注HTML5网页游戏的性能,由中立组织开发,具有较高的实用性和权威性。 在本次测试中,最终总分越高、帧率越高,则说明浏览器越好。

小行星测试分数

小行星测试帧率

在Asteroids HTML5测试中,IE10和IE9在分数和帧率方面排名最高,Firefox 16和Chrome 24稍稍落后,Safari 5.3的分数和性能较低。

GUIMark HTML5和Flash基准测试的目的是模拟流动的股票趋势图表,测量浏览器相关的API并使用描边效果和其他复杂的透明度填充,并测量浏览器对于不同网页(HTML5和Flash)的性能,由中立组织开发,测试结果帧率越高,浏览器越好。

GUIMark HTML5

GUIMark闪存

对于传统Flash网页,所有浏览器都可以高帧率渲染,其中Firefox 16的帧率较低,而Safari5.3和IE10则达到近60帧。 对于HTML5页面的性能,不同浏览器之间存在显着差异。 IE10性能最好,其次是Chrome 24,与IE9类似,Firefox 16性能相对较差。

绘制哆啦A梦是CSS3兼容性最常见的测试。 主要用于测试浏览器对CSS3规范的支持情况。 本次测试统计了不同浏览器的特效错误数据,错误越少说明兼容性越好。

IE9

铬24

火狐16

Safari 5.3

IE10

html5与浏览器-HTML5 时代的全面浏览器测试

浏览器

IE9

铬24

火狐16

Safari 5.3

IE10

错误

本次测试中,IE10、Chrome24和Safari5.3完全支持CSS3规范的使用html5与浏览器,IE9和Firefox16存在一些兼容性错误。

测试总结

从硬件加速的角度来看,IE10、Chrome 24、IE 9在所有涉及播放帧率的测试中都表现出了较高水平,尤其是IE 10,保证在25帧以上(流畅播放的最低分辨率)。人类经验)。 从 JavaScript 加载速度来看,IE 10、Chrome 24 和 Firefox 16 表现更好。 从综合JavaScript、CSS渲染加速、DOM渲染测试来看,IE10和Chrome 24都有更高的性能。 在检查 CSS3 兼容性的《哆啦A梦》测试中,IE10、Chrome 24 和 Safari 5.3 表现出色。 综合以上测试结果,IE10在性能和兼容性方面的综合能力不容忽视。

html5与浏览器-HTML5 时代的全面浏览器测试

除了性能和兼容性之外,浏览器的用户体验还包括版本迭代支持。 目前浏览器主要分为“保证旧版本兼容性”和“加速版本迭代”两大阵营。 其中,Firefox和Chrome往往会频繁更换版本。 平均版本迭代周期为6周。 用户需要不断更新浏览器以适应新的使用环境并获得最新的功能体验。 但IE和Safari属于常年兼容旧版本的风格,这些方式都是为了保证用户体验的稳定性和一致性。 微软IE集团副总裁Dean Hachamovitch曾表示:“IE10发布后,微软将提供10年的支持周期,就像Windows一样。同时,微软还将发布技术预览版,开发者和技术爱好者可以尝试新技术并提供反馈,以便 IE 技术团队能够在任何消费者受到威胁之前解决安全问题。”

至于新的HTML5标准的支持,微软不仅在IE 10中加入了原生的HTML 5标准框架,还与著名游戏开发商合作推出了HTML5网页游戏,例如《割绳子》(Cut the Rope:) 、《暗黑旅行》(Contre Jour:)等,为用户提供日益优质的HTML5丰富的网页体验。 ■

注:测试环境

操作系统

浏览器

Windows 7 64 位旗舰版

互联网浏览器 9

Windows 8 64 位企业版

铬24

Windows 8 64 位企业版

火狐16

Windows 8 64 位企业版

html5与浏览器-HTML5 时代的全面浏览器测试

适用于 Windows 的 Safari 5.3

Windows 8 64 位企业版

互联网浏览器 10

硬件:

中央处理器

英特尔 i7 930

记忆

DDR3 2000MHz 8GB

主硬盘

Inter SSD 320S 80GB

显卡

ATI HD5830 1GB

显示帧率

1860x1050

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

悟空资源网 html5 html5与浏览器-HTML5 时代的全面浏览器测试 https://www.wkzy.net/game/141163.html

常见问题

相关文章

官方客服团队

为您解决烦忧 - 24小时在线 专业服务