以上没什么好说的。
.a.b{}.list a{}
以及其他一些复杂选择器,以提高整站整体CSS渲染。AlphaImageLoader
png透明滤镜,可以试试使用fireworks生成png8 alpha透明(目前photoshop只有png8 索引透明)。<img>
不设定尺寸、同时外部容器没有定死高宽,则图片在首次载入时候,占据空间会从0到完全出现,左右上下都可能位移,发生大规模的重绘。可以参见新浪微博载入时候页面高度随着图片显示不断变高的问题,这些都让浏览器重绘了,一是体验可能不好,二是烧CPU的。你可以使用width/height
控制,或者在CSS中设置。<textarea>
或者使用<script type="text/html">
存储动态载入HTML或模板HTML,降低首屏加载的渲染时间。iframe
,据说开销最大的DOM元素。gradient
+filter
。投影效果CSS3 box-shadow
+filter
blur。
.span1
,.span2
,.span3
,.span4
,.span4
,...
localStorage
本地存储与优化。两种实践。
一是:大数据量交互,数据不怎么更新的,含版本控制机制,一次请求,之后高枕无忧;
二是代替cookie实现某些功能,带过期时间管理,降低页面cookie大小(IE6-7依然使用Cookie)。
textarea
隐藏。需要显示时候才真正显露。iframe
等载入完毕后1秒再DOM创建载入处理(例如嵌入的新浪微博)。Autocomplete
效果,或hover
延迟浮动层显示ol
列表的数字、table
的自适应性<strong><h1-6>
粗体效果form
相关特性,元素自身特性实现submit
以及reset
等效果placeholder
以及其他N多现代浏览器支持特性等script
输出,之前曾做过处理,只IE6输出的,后来因为不同城市不同站等原因,后台那边懒得折腾了。