复杂应用的 CSS 性能分析和优化建议

• 减少选择器的数量 （包括这样的跟浏览器有关的: .ie7 .foo .bar）
• 不要用通配符（包括想这样不规范的类型选择符[type="url"]）
• 页面的缩放比例是会影响 CSS 性能的（比如： Opera）
• 窗口大小也会影响 CSS 性能 （比如： Chrome）
• 页面反复重新加载会降低 CSS 性能 （比如 Opera）
• “border-radius” 和 “transform” 是性能最差的 CSS 属性（至少在WebKit & Opera 中是）
• 基于 WebKit 的浏览器中，Timeline 栏可以算出总的样式 计算/reflow/repaint 时间
• WebKit 中的选择器匹配快得多很多