分类目录归档:web标准,网站重构

Fw: 深入分析IE9的图片性能测试实例

From: puterjam
Sent: Wednesday, March 17, 2010 5:56 PM
Subject: 深入分析IE9的图片性能测试实例

微软发布了IE9的技术预览版,也放出了不少测试的实例,整体来看给大家带来一支镇定剂。不过舜子这里对其中一个演示案例很感兴趣。

我们先来看看这个实例:点击打开

最让我好奇的是chrome在这个实例中几乎是所有浏览器中最慢的,令人大跌眼镜。

深入分析了这个实例的实现,里面包含其实两部分功能会影响性能,动画的JS算法图片的渲染

测试单纯的动画的算法,把所有图片都block掉。测试得出的结果是,chrome处理256张图片,平均44FPS。而其他浏览器IE7(应为没装IE9,暂时用IE7测试一下),firefox3.6,opera 10.50平均20~22 左右。这说明chrome在纯算法上都是非常有优势的。

这里动画的JS算法并不是最主要的问题了,最大的问题看来是来自对图片的渲染上。仔细看了每一张图片,每张图片都是以一个540×540包括alpha透明的浏览器logo。 看来chrome在渲染大尺寸PNG的时候吃了很大的亏。期待下一个版本的chrome能修复对PNG处理的问题,毕竟这个也是主流的图片格式。

(微软故意挑战chrome的PNG图片)

这里舜子还没有针对IE9进行完整的测试。不过在同事的电脑上测试这个实例时,无疑IE9在渲染上是目前所有浏览器中最快的。而且还有D2D对图片渲染图片在放大和缩小都有抗锯齿表现。

我把这个测试实例down了下来,有兴趣的朋友可以自己测试一下

点击下载此文件

Fw: IE8 如何判断文档模型

From: puterjam
Sent: Wednesday, March 03, 2010 10:29 AM
Subject: IE8 如何判断文档模型

首先给出一组数据

这组数据说明了目前IE8在渲染模式下的一些比例(微软偷偷统计的?)。

● 有19% 的站点用了严格型的标准来设计(非常好的数据,得感谢默默无闻在前线工作的页面重构同学们)

有 14% 的站点用了http头和 X-UA-Compatible 把IE打回IE7的模式
● 有 41% 的站点用了Doctype让IE8使用标准模式(这里指的是,大家常用的过渡型)
● 很不幸还有 26% 的站点使用了Quirks 模式….



下面的图详细得给出了IE8内部对渲染模型的判断流程

更多信息请跳转这里: