缓存

主要利用html5ApplicationCache接口,对一些非动态的图片、html、css甚至是js文件进行离线存储,以提高网页加载速度,减少服务器负载。

图片压缩

选择最适合的格式,适当压缩图片。适当利用webP等新兴图片技术。

做多屏幕响应式时针对不同屏幕分辨率裁剪不同大小的图片,以减小多余流量消耗。

css雪碧图减少http请求数量。

CDN加速+非覆盖更新

css,js,图片可以使用cdn加速。

更新时则可以使用css?1.0.0 → css?1.0.1这样的方式进行非覆盖式跟新,消除了缓存和其余操作所造成的跟新延迟。实现瞬间实时更新。

js,css代码优化、压缩

减少冗余代码,防止js出现代码阻塞。压缩代码提高加载速度。