在前面我们已经为大家介绍了Web前端面向内容的优化规则,今天我们要介绍的是Web前端面向CSS优化的规则,希望汇仁智杰网络推广接下来的介绍对大家是有帮助的。
1、把CSS放到代码页上端:官方的解释我觉得多少有点语焉不详。这一条其实和用户访问期望有关。CSS 放到最顶部,浏览器能够有针对性的对HTML页面从顶到下进行解析和渲染。没有人喜欢等待,而浏览器已经考虑到了这一点。
2、避免使用Filter 。
3、从页面中剥离 JavaScript 与CSS:剥离后,能够有针对性的对其进行单独的处理策略,比如压缩或者缓存策略。
4、使用 <link> 而不是@importChoose <link> over @import:在IE中 @import 指令等同于把 link 标记写在HTML的底部。而这与第一条相违背。
5、精简 JavaScript 与CSS:如果没有 JavaScript 与CSS可能更好。但,这是不可能的,SO,尽量小点吧。语法能简写的简写。
6、避免CSS表达式:汇仁智杰认为通过CSS表达式能做到的事情,通过其它手段也同样能做到而且风险更小一些。
以上就是关于Web前端面向CSS优化的规则的介绍了,如果有不对的地方或者有其他的疑问欢迎通过汇仁智杰微信号huirenzhijie跟我们交流。