项目的优化

2021-01-26  本文已影响0人  李小白呀

减少请求数

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

上一篇下一篇

猜你喜欢

热点阅读