首页 相关文章 9个精简优化CSS文件的技巧

9个精简优化CSS文件的技巧

  由于CSS文件加载于网页的头部,所以每位访问者都会下载这些文件。我们会对PHP文件、图片进行优化,而往往忽略了CSS文件。今天我们应该思考这个问题并做点什么。

  可以使用 CSS optimizers 来优化CSS, 但是我认为如果你使用下面提到的技巧编写代码时,效率和能力都会得到提高。

  优化CSS文件还能节省流量同时提高页面加载速度。

  1. 注释

  编写CSS时注释显得格外有用,这样协同工作的同事就会理解代码的含义。注释方法有多种,你可以使用如下方法:

  /*-------------------*/

  /*-----Comment-------*/

  /*-------------------*/

  同样也可以使用下面的方法:

  /*Comment*/

  这样能节省20个字符,假设有15个注释,那么就能节省300个字符。

  2. 缩写颜色代码

  颜色代码用HEX codes定义,它包含6个字符,但是一些情况下可以使用3个字符代替。看下面的例子:

div{ color: #ffffff; ...[ 查看全文 ]

2016-02-19 标签:

9个精简优化CSS文件的技巧的相关文章

手机页面
收藏网站 回到头部