CDN控制台前端优化配置项

随口说说。。。

配置项原则：

• 用户理解简单
• 贡献价值
• 无损

一键开启gzip

gzip 这一点，可以通过两个 header 进行识别。

一个header是 Content-Encoding 是否为 gzip，一个是 Content-Type 是否为文本类型。

若文本类型的 encoding 不是 gzip，则自动开启 gzip 节省 cdn 流量。

一般配置 nginx 就是这么干的

一键开启webp

根据 MaxCDN 博客的介绍（ How To Reduce Image Size With WebP Automagically ），webp在有损jepg压缩和无损png压缩的前提下，都能带来25%左右的体积减少。且目前高级浏览器都提供了 webp 的支持。

cdn作为一个转发层，可以无缝为用户开启 webp 转换。提升图片资源加载速度。

js、css、html minify

对于文本类型的代码而言，除了 gzip 之外，代码中其中还存在着不少冗余的 局部变量名、注释、空格 等无关程序解析的内容，这些内容仅在开发过程中对于程序员具有意义。那么实际的分发过程中，我们可以考虑使用 minify 的手段，将这些无关解析的内容去除及压缩。

html页面中js与css合并

这一点比较理想化。

比如说一个 html 页面中的 js 文件没有进行合并，零零散散有 10 个左右。那么是否我们可以在 cdn 的层面，把这些 js 按顺序打包成同一个。让用户在访问 cdn 的同时，由原来的10个请求减少成1个请求。

cloudflare 的 Rocket Loader 特性，据我观察至少保持了3年的beta特性，看来这一点还是不太切合实际。并且目前也没有听说这方面广泛使用的 nginx 模块。