移动端h5优化

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压缩

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值