uni-app 在h5端的性能优化

前段时间用 uniapp 做了个h5的小商城,详情页结构相对比较复杂,包含了幻灯,评价,购买人,都在不停的切换,popup 过度的效果,还有一个差不多毫秒级别的 倒计时抢购(很多页面都有倒计时)基本结构如下图:在别的手机上还好,在我的 24K 低端机上,简直卡成了翔,,,毫秒级别的倒计时,几乎成了分钟级别的,,,

在这里插入图片描述

寻找问题

首先 通过浏览器的性能监控 去查找问题:按F12 > 找到 Performance, 就可以看到 页面 加载过程中 代码 执行的情况 在这里插入图片描述
性能最差的 除了 动画 就是组件和毫秒级别的倒计时了,
网站多加载 1s 可能就会失去成百上千的用户,优化势在必行,在 PC 端上都变现还算不错,Android 上的浏览器,简直了,有些东西 真的是,总归是要舍弃的,

利用 css 3 采用 cpu 加速,也不尽人意,检查组件,最严重的的问题,,,使用的 UI 框架中使用了 大量的 <

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值