|
一个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) 释放没有使用的闭包 释放没有使用的闭包 10) 释放定时器 用了定时器，尽量都释放下，t=null就可以 11）尽可能的减少watcher的数量 如果用的是vue, 尽量减少watcher使用数量，watcher底层采用的定时器机制，比较影响性能。 12) view切换过程中，在destroy中释放view相关资源 在destroy中释放view相关资源 13） CSS选择器尽量使用id与class，避免过度层 避免过渡层 14）避免将获取DOM样式属性的操作写在循环中，可能引起重复reflow 15）避免使用数值，比如：border: none不会引起渲染，而boder: 0会 16）设置nginx服务器 开启gzip压缩 下面图片来自百度，可以参考。 图片：20190427224750728.png 
[资源下载]https://github.com/ai-word 原文：https://blog.csdn.net/BaiHuaXiu123/article/details/89609143 |
|
公众号
