优化JavaScript和CSS经验谈
CSS优化
合并和缩小
对于CSS文件，你可以尊徐我们讨论过的JavaScripts的原则：缩小和合并所有的样式表到一个文件中，最小化下载容量和HTTP请求发生次数。合并所有的文件到一个文件是一个非常琐碎的任务，但是缩小化的任务或许更加艰难，特使是你使用CSS, 你或许对缩小样式表的放缩有所争议。但是，毕竟如果你决定合并和gzip样式表已经是一个很大的优化了。
如果你决定缩小化CSS，除了手工选择缩小化，你还可以选择一些可用的工具，如CSSTidy(http://pear.php.net/package/HTML_CSS/)，或者SitePoint的Dust-me Selectors Firefox plugin.
将样式表放在页面的顶部
你的单个，经过压缩的样式表最好的位置就是放在页面的顶部，在<head>区域。原因是大多数浏览器（Opera是一个另外）在所有样式表没有下载和分析完，不会交付任何东西的。另外，在CSS没有分析完成，样式表所引用的图片是不会下载的。因此，最好是将CSS放在页面的顶部。
你或许在考虑在不同的域中分布图片。CSS引用的图片不会立即下载，再次期间，你的页面可以使用可用的下载窗口来向持有CSS图片的域请求内容图片，因为它再此期间是“空闲”的。
禁止表达式
在CSS中IE允许的JavaScript是这样的：
#content {
left: expression(document.body.offsetWidth)
}
你因该避免在CSS使用JavaScript表达式。首先，它们不是被所有的浏览器所支持。它们对“分离”的概念有害。另外，当提到性能，表达式是很有害的，因为他们在页面交付或者改变大小，或者鼠标滚动页面时会重新计算。这里有许多的方法让表达式减少开销，你可以缓存它们初始计算值，但是，最好你还是避免在CSS中使用它们。
0
相关文章
关注我们
