如何把CSS中的图片自动部署到CDN上

html-css015

如何把CSS中的图片自动部署到CDN上,第1张

主要是处理CSS中的图片,统一转化图片的路径为相对于站点的根目录,并且按图片名字、尺寸、内容重命名图片,方便缓存的自动清理。

gulp-cdn-service主要是对gulp-custom-css-urls输出的图片进行上传至CDN处理。目前只支持上传到七牛的CDN。该模块还有一个特点就是,对于已经上传的图片不会再次进行上传,提高项目构建发布的速度。

cdn相当于一个服务器集群,相对来说在不同的地方用不同的服务器用户端资源加载速度可能快一点,而且不占主服务器带宽,而且可以同时加载资源,我觉得应该是这样理解的。

像背景图片这个只要你放到cdn上,css指定网址到cdn的图片路径,是可以实现加速的。

你可以把CSS文件放到head标签的最上面(先于js)试试。另外,你的jQM框架的引用文件是使用了CDN还是本地文件?CDN的话可能是网络延迟太大造成的,其次,浏览器解析代码都是从上到下的顺序,写在前面的先解析。最后,如果是你的css不能加载进来,那有可能是缓存问题