[前端优化]基于H5移动端优化总结

一个webAPP 写完了,并不代表就结束了,优化过程非常重要,手机端的软件往往追求的体验和性能。

1)减少js加载体积
很多库能用CDN的尽量使用CDN,这样打包出来的js体积会很小,加载很快。

2)尽量采用比较轻量级的UI 组件库
比如museUI,mintUI等

3)图片尽量放在图片服务器上,尽量图片进行压缩
如果app中有大量图标,部署在同一服务器上时,当并发量大的时,往往会会因大量请求图片而导致服务器带宽占满而崩溃。

4)尽量减少网络请求数量
程序中的数据,有的能一个接口返回的尽量一个接口返回,不要弄太多的接口。

5)尽量把大的JS 文件进行分割成小的js文件
如果一个文件有几百K,则需要想办法减小js的体积,js体积大的时候,往往影响js的加载速度,进而影响体验。

6)尽量不要在手机端做过于复杂的逻辑处理
复杂的逻辑后端处理,手机端尽量只进行数据的展示和一些简单的逻辑处理。

7) lazyload懒加载
能采用懒加载的尽量采用懒加载,如模块懒加载,页面懒加载,图片懒加载等等。

8) 减少使用定位属性(fixed/absolute)
否则存在明显的渲染问题

9) 释放没有使用的闭包
释放没有使用的闭包

来源:图解AI

声明:本站部分文章及图片转载于互联网,内容版权归原作者所有,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

上一篇 2019年3月22日
下一篇 2019年3月22日

相关推荐