Archive for the ‘WEB优化’ Category

Firefox3.5 CSS Sprites Bug

今天猛然发现在Firefox3.5下,如果CSS中对同一个背景图片使用了多次,则对同一个图片会发送多次请求,也就是说没有缓存背景图片。因此,这也就造成了CSS Sprite在Firefox3.5中失效了,具体的例子可以围观这个测试页面。

Read the rest of this entry »

如何减少浏览器的repaint和reflow?

文本内容主要包括以下几点:

什么是repaint/reflow?
什么情况下会触发浏览器的repaint/reflow?
浏览器自身所作的优化
如何优化你的脚本来减少repaint/reflow?

Read the rest of this entry »

把inline脚本写在合适的位置

今天读到Steve Souders的一篇关于如何放置内联脚本的文章-Positioning Inline Scripts,现总结在文本。
之前译的一篇文章《无阻塞加载脚本》谈到的是外部脚本对于页面性能的影响,例如阻塞资源下载、阻塞页面渲染等。而对于inline的脚本,同样存在类似的问题,有的甚至是有过之而无不及。

Read the rest of this entry »

无阻塞加载脚本[译]+示例

      随着越来越多的站点向”Web2.0″应用发展,脚本的数量也在迅速增加。而与此同时脚本给页面性能带来的负面影响也是令人担忧的。在主流浏览器(例如IE6、IE7)中,由于脚本而产生的阻塞有以下两种:

脚本会阻塞下载位于它之后的资源。
脚本会阻塞渲染位于它之后的元素。

Read the rest of this entry »