一般说来v8.compile耗时超过100ms,就是比较耗时的了 。

文章插图
性能提升80%!详解饿了么H5性能优化秘诀
另外还需要关注两个v8.run之间的执行间隔,一般说来出现间隔的时候是在等待接口或者资源 。这块可以成为优化的点,例如接口预加载、资源离线等 。

文章插图
性能提升80%!详解饿了么H5性能优化秘诀
然后使用timeline分析具体函数耗时,找出耗时较多的js函数,针对性的进行优化 。

文章插图
性能提升80%!详解饿了么H5性能优化秘诀
7 观察图片解码对T2时间的影响一般说来影响T2计算的有两个因素:
- 图片解码与绘制 。
- 首屏内容发生变化 。(滑动、图片懒加载、动态节点)
所以我们可以把这部分小图片用IconFont或者css代替(svg矢量图无法计算图片宽高,故不纳入计算) 。如果实在有些图片需要忽略T2计算,也可以使用uc-perf-stat-ignore(新版本内核支持3.22)标记 。

文章插图
性能提升80%!详解饿了么H5性能优化秘诀
比较UC的T2Paint_Event和W3C的loadEventStart两个事件的时间差,来观察图片解码对T2计算的影响 。

文章插图
性能提升80%!详解饿了么H5性能优化秘诀
搜索DecodeImage可以观察图片的解码情况

文章插图
性能提升80%!详解饿了么H5性能优化秘诀
本文就给大家介绍这么多,如果想要知道应用线上的性能情况,欢迎试用岳鹰全景监控平台 。
【性能提升80%!详解饿了么H5性能优化秘诀】
推荐阅读
- 淘宝店铺好评率如何快速提升 新开的淘宝店铺怎样提高点击率
- vivo|vivo X80跑分出炉:确认搭载天玑9000、12GB内存
- 招聘|下周报名!2022四川省属事业单位招聘近800人,研究生岗占51%
- 淘宝网店怎么才有流量 如何提升网店的流量
- 怎么提升Linux性能,看完这篇文章,彻底掌握"平均负载"
- 美容|有一种瘦叫做女明星!体重80斤的周冬雨,在路人镜头下是真不好看
- 大滇号制茶方法,2015年大滇号春茶之801批四星景迈生态
- 点评2021款天梭绅士系列Gentleman Powermatic 80腕表
- 400W、600W、800W电动车,最快能跑多少码?终于知道哪个更省电了
- 社保缴费基数3800是什么档次?
