上次说了雅虎军规的内容部分,今天说一下css的部分优化
1、 避免使用css表达式
我们都知道css是可以用表达式设置的,虽然有时候很好用,但是不可否认比较耗费性能,而且ie8之后已经不列入标准了。
2、 使用link少用import
Css的引入是可以用link和import的,这样说吧,link是所有浏览器都兼任的,import也许在老式浏览器不兼容,还有,@import会使得CSS整体载入时间变长.并且在IE中会导致文件下载次序被更改,例如放置在@import后面的script文件会在CSS之前被下载.,尤其是在网速慢的情况下更是严重。
3、 避免使用滤镜
因为没有做过,所以不知道这个是干嘛的。
4、 把css放在最顶部引入
这点我相信所有人都知道,放在head里面可以让页面更快的加载和显示样式,提高用户体验。
Css的就这么多另外还有JavaScript和css的
1、 把JavaScript和css放到外面
开发的时候,有时候觉得方便就把样式和脚本写在当前页面,这其实是不好的,因为JavaScript和css会被缓存在浏览器,而写在HTML里面的每次都会重新加载。虽然第一次的时候增加了HTTP请求,但是之后不但没有增加HTTP请求,还减小了HTML的大小。
2、 压缩JavaScript和css
这点就不用多说了吧,不管是jQuery还是什么js脚本,一般都会有压缩版本和没有压缩的版本,一般我们都是用压缩的.min的版本。因为压缩了,需要加载的文件变小了,自然就提升性能了。
(完)