由于CSS文件加载于网页的头部,所以每位访问者都会下载这些文件。我们会对PHP文件、图片进行优化,而往往忽略了CSS文件。今天我们应该思考这个问题并做点什么。
可以使用 CSS optimizers 来优化CSS, 但是我认为如果你使用下面提到的技巧编写代码时,效率和能力都会得到提高。
优化CSS文件还能节省流量同时提高页面加载速度。
1. 注释
编写CSS时注释显得格外有用,这样协同工作的同事就会理解代码的含义。注释方法有多种,你可以使用如下方法:
/*-------------------*/
/*-----Comment-------*/
/*-------------------*/
同样也可以使用下面的方法:
/*Comment*/
这样能节省20个字符,假设有15个注释,那么就能节省300个字符。
2. 缩写颜色代码
颜色代码用HEX codes定义,它包含6个字符,但是一些情况下可以使用3个字符代替。看下面的例子:
div{ color: #ffffff; ...[ 查看全文 ]