想不想get新技能酷炫一下，今天图老师小编就跟大家分享个简单的Web 前端优化最佳实践之 CSS 篇教程，一起来看看吧！超容易上手~
【 tulaoshi.com - Web开发 】
Web 前端优化最佳实践第四部分面向 CSS。目前共计有 6 条实践规则。另请参见 Mozilla 开发者中心的文章：Writing Efficient CSS
1. 把 CSS 放到代码页上端 (Put Stylesheets at the Top)
官方的解释我觉得多少有点语焉不详。这一条其实和用户访问期望有关。CSS 放到最顶部，浏览器能够有针对性的对 HTML 页面从顶到下进行解析和渲染。没有人喜欢等待，而浏览器已经考虑到了这一点。
（本文来源于图老师网站，更多请访问https://www.tulaoshi.com/webkaifa/）2. 避免 CSS 表达式 (Avoid CSS Expressions)
个人认为通过 CSS 表达式能做到的事情，通过其它手段也同样能做到而且风险更小一些。
3. 从页面中剥离 JavaScript 与 CSS (Make JavaScript and CSS External)
剥离后，能够有针对性的对其进行单独的处理策略，比如压缩或者缓存策略。
4. 精简 JavaScript 与 CSS (Minify JavaScript and CSS)
（本文来源于图老师网站，更多请访问https://www.tulaoshi.com/webkaifa/）如果没有 JavaScript 与 CSS 可能更好。但，这是不可能的，SO，尽量小点吧。语法能简写的简写。
5. 使用 link 而不是@importChoose link over @import
在 IE 中 @import 指令等同于把 link 标记写在 HTML 的底部。而这与第一条相违背。
6. 避免使用Filter (Avoid Filters)
--EOF--
来源:https://www.tulaoshi.com/n/20160219/1621592.html
看过《Web 前端优化最佳实践之 CSS 篇》的人还看了以下文章 更多>>
