在一般的全端面试中，最为常见的就是页面优化和缓存方面的问题，很多童靴的了解也不是很全面，解析来清风小编就来为大家整理一些CSS优化方面的文章，包含有网络性能和语法性能心得，具体如下：

常用CSS优化之网络性能与语法性能心得[多图]图片1

关于CSS的优化工作主要从两个方面着手

网络性能：把CSS写到字节数最少，加快下载速度，自然可以让页面渲染的更快一些语法性能：同样都能实现某些效果，但并不是所有的方式效果都相同，我们看过不少关于JavaScript方面的语法优化知识，其实CSS里面也有一些CSS压缩

CSS压缩并不是什么高端的姿势，但却很有用，其原理很简单，就是把我们CSS中没用的空白符等删去，达到缩减字符个数的目的

我们有这样一段CSS脚本 

.test{background-color:#ffffff;background-image:url(a.jpg);
}

经过压缩后会变成这样 

.test{background-color:#fff;background-image:url(a.jpg)}

当然高级些的压缩工具也会帮我们优化一些语法，提供很多选项，让我们的压缩更有控制，之前在的公司不采用CSS压缩，所以我没有什么实践经验，自己写东西常用的是YUI Compressor，有很多在线版的很方便

YUI Compressor

CSS Compressor

CSS drive

Clean CSS

大家有什么好的资源希望也推荐一下

gzip压缩

Gzip是一种流行的文件压缩算法，现在的应用十分广泛，尤其是在Linux平台，这个不止是对CSS，当应用Gzip压缩到一个纯文本文件时，效果是非常明显的，大约可以减少70％以上的文件大小（这取决于文件中的内容）。想进一步了解gzip看看维基百科。

在没有gzip压缩的情况下，Web服务器直接把html页面、CSS脚本、js脚本发送给浏览器，而支持gzip的Web服务器将把文件压缩后再发给浏览器，浏览器（支持gzip）在本地进行解压和解码，并显示原文件。这样我们传输的文件字节数减少了，自然可以达到网络性能优化的目的。gzip压缩需要服务器的支持，所以我们需要在服务器端进行配置

在IIS上启用Gzip压缩(HTTP压缩)

apache启用gzip压缩方法

Nginx Gzip 压缩配置