前段时间用 uniapp 做了个h5的小商城,详情页结构相对比较复杂,包含了幻灯,评价,购买人,都在不停的切换,popup
过度的效果,还有一个差不多毫秒级别的 倒计时抢购(很多页面都有倒计时)基本结构如下图:在别的手机上还好,在我的 24K 低端机上,简直卡成了翔,,,毫秒级别的倒计时,几乎成了分钟级别的,,,
寻找问题
首先 通过浏览器的性能监控 去查找问题:按F12
> 找到 Performance
, 就可以看到 页面 加载过程中 代码 执行的情况
性能最差的 除了 动画 就是组件和毫秒级别的倒计时了,
网站多加载 1s 可能就会失去成百上千的用户,优化势在必行,在 PC 端上都变现还算不错,Android 上的浏览器,简直了,有些东西 真的是,总归是要舍弃的,
利用 css 3 采用 cpu 加速,也不尽人意,检查组件,最严重的的问题,,,使用的 UI 框架中使用了 大量的 <