减少请求数
1)合并样式、脚本文件
2)合并背景图片
3)CSS3图标、Icon Font
降低请求量
1)开启GZip
2)优化静态资源,jQuery->Zepto、阉割IScroll、去除冗余代码
3)图片无损压缩
4)图片延迟加载
5)减少Cookie携带
很多时候,我们也会采用类似“时间换空间、空间换时间”的做法,比如:
1)缓存为王,对更新较缓慢的资源&接口做缓存(浏览器缓存、localsorage、application cache这个坑多)
2)按需加载,先加载主要资源,其余资源延迟加载,对非首屏资源滚动加载(懒加载)
3)fake页技术,将页面最初需要显示Html&Css内联,在页面所需资源加载结束前至少可看,理想情况是index.html下载结束即展示(2G 5S内)
4)CDN
网友评论