超级会员免费看
本文总结了H5移动端的优化策略，包括使用CDN加速JS加载、选择轻量级UI组件库、图片压缩与服务器分担、减少网络请求、拆分大JS文件、避免复杂逻辑处理、实现懒加载、减少定位属性使用、释放闭包和定时器、减少Vue的watcher、销毁视图资源、优化CSS选择器、避免循环中操作DOM样式和减少无谓的渲染。通过这些方法，提升webAPP的性能和用户体验。
一个webAPP 写完了，并不代表就结束了，优化过程非常重要，手机端的软件往往追求的体验和性能。
1)减少js加载体积
很多库能用CDN的尽量使用CDN，这样打包出来的js体积会很小，加载很快。
2）尽量采用比较轻量级的UI 组件库
比如museUI，mintUI等
3）图片尽量放在图片服务器上，尽量图片进行压缩
如果app中有大量图标，部署在同一服务器上时，当并发量大的时，往往会会因大量请求图片而导致服务器带宽占满而崩溃。
4）尽量减少网络请求数量
程序中的数据，有的能一个接口返回的尽量一个接口返回，不要弄太多的接口。
5）尽量把大的JS 文件进行分割成小的js文件
如果一个文件有几百K，则需要想办法减小js的体积，js体积大的时候，往往影响js的加载速度，进而影响体验。
6）尽量不要在手机端做过于复杂的逻辑处理
复杂的逻辑后端处理，手机端尽量只进行数据的展示和一些简单的逻辑处理。
7) lazyload懒加载
能采用懒加载的尽量采用懒加
订阅专栏 解锁全文
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
