看了禅游记的产品,觉得很不错,非常喜欢,于是就command+option+u了
发现html输出做了压缩,全站所有页面都只有一个css和一个js,地址形式是这样的
http://cdn.chanyouji.cn/assets/application-7a0d3f87baed3aee8e3aa40223832d43.css
http://cdn.chanyouji.cn/assets/application-0727db038bbfe17bc783885679fd5279.js
图片后面会加hash,但没有合并(当然的)
看起来很不错,于是推测做法。看起来就是每次上线就把所有的css中的图片路径先统统改成绝对路径,然后一股脑combo成一个文件,同时以某种算法(比如文件名拼接+时间戳md5什么的)加上hash,在自己的服务器上以此文件名存一份(防止cdn在错误的时候回原,虽然一般不会)
js类似,combo,然后用closure压缩,加上hash,存起来。
html就是简单的去除了多余的空格吧我想。
这样做的好处当然是请求少,可以有效利用用户浏览器的缓存,缺点嘛就是不相关的文件也会被打到一起,网站慢慢复杂,冗余也会越来越多,开始的时候倒也无伤大雅。
作为一个平时只做开发,虽然也有在做打包工具,但还在笨拙的开发中的生手,不知道理解有没有偏差。抛砖引玉啦。
发现html输出做了压缩,全站所有页面都只有一个css和一个js,地址形式是这样的
http://cdn.chanyouji.cn/assets/application-7a0d3f87baed3aee8e3aa40223832d43.css
http://cdn.chanyouji.cn/assets/application-0727db038bbfe17bc783885679fd5279.js
图片后面会加hash,但没有合并(当然的)
看起来很不错,于是推测做法。看起来就是每次上线就把所有的css中的图片路径先统统改成绝对路径,然后一股脑combo成一个文件,同时以某种算法(比如文件名拼接+时间戳md5什么的)加上hash,在自己的服务器上以此文件名存一份(防止cdn在错误的时候回原,虽然一般不会)
js类似,combo,然后用closure压缩,加上hash,存起来。
html就是简单的去除了多余的空格吧我想。
这样做的好处当然是请求少,可以有效利用用户浏览器的缓存,缺点嘛就是不相关的文件也会被打到一起,网站慢慢复杂,冗余也会越来越多,开始的时候倒也无伤大雅。
作为一个平时只做开发,虽然也有在做打包工具,但还在笨拙的开发中的生手,不知道理解有没有偏差。抛砖引玉啦。