CSS优化总结网络性能与语法性能建议.docVIP

css优化总结一一网络性能与语法性能建议 在前端面试中最常见的问题就是页面优化和缓存(貌 似也是页面优化)，被问了几次后心虚的不行，平然平时多 少会用到一些，但突然问我，很难把自己知道的都说出来。 页面优化明显不是一两句能够说完的，这两天总结了一下 css相关的优化知识，写篇博客梳理一下，还望大家多多指 教 关于CSS的优化工作主要从两个方面着手 网络性能：把CSS写到字节数最少，加快下载速度， 自然可以让页面渲染的更快一些 语法性能：同样都能实现某些效果，但并不是所有的 方式效果都相同，我们看过不少关于JavaScript方面的语 法优化知识，其实CSS里面也有一些 CSS压缩 CSS压缩并不是什么高端的姿势，但却很有用，其原理 很简单，就是把我们CSS中没用的空白符等删去，达到缩 减字符个数的目的 我们有这样一段CSS脚本 .test {back ground-colo r:#ffffff:b ackground-i mage:url (a. jpg) ;} 经过压缩后会变成这样 .tes t{backgroun d-color:#ff f:backgroun d- image:url （a. jpg）} 当然高级些的压缩工具也会帮我们优化一些语法，提 供很多选项，让我们的压缩更有控制，之前在的公司不采 用CSS压缩，所以我没有什么实践经验，自己写东西常用 的是YU ICom