本文收录于【开发者沙龙】专题，了解专题中更多精彩内容，欢迎点击了解>>

12月4日，小程序性能分专场沙龙直播活动圆满结束了🎉

本次沙龙直播为大家带来了三大「新」亮点！今天就带你快速回顾✨

文末更有直播回放等你领取！🎁记得下拉查看👇

快搬好小板凳前排坐好，一起开启本期精彩回顾！

🌟亮点一：权益任务「新」激励

近期，小程序性能分已在权益任务平台正式上线，主讲人在直播中详细讲解了性能分权益任务领取与参与方式，并为大家深入阐述性能分优化的价值和收益，让开发者朋友们进一步提升性能分优化动力💪

⚠️再提醒一下权益任务领取路径：由「控制台-总览-权益任务板块/经营-权益页」进入，选择「性能分」权益任务，点击「去完成」就可以抵达落地页啦~

🌟亮点二：智能优化「新」工具

主讲人带来了全新上线的智能优化工具超全讲解，从静态诊断与波动归因两大场景出发，分情况、分步骤讲解了性能分智能优化工具的使用方式，帮助各位开发者朋友们快速完成工具上手👍

🌟亮点三：在线答疑「新」体验

在本次直播中，我们收到了很多小伙伴在评论区热情的提问🙋

这次我们也在沙龙中首次尝试超长长长长长的在线Q&A环节！

主讲人针对评论区问题进行了详细解答，错过直播别忘了👉查看回放👈哦！看看你是否有类似问题～

🔻性能分与流量

Q1：性能分对流量的影响不知道会有多少，希望能量化出来。另外，能给出一些模板或者一键优化的工具。

A1：

1. Web化小程序需要性能分>40分
2. 目前还不会影响搜索流量，请关注社区和站内信通知，后续上线相关策略会同步。
3. 模版目前只有短剧行业有模版，可以参考【抖小短剧】官方播放器接入方案

Q2：性能分会影响挂载小程序的视频流量吗？

A2：目前还不会直接影响挂载的视频流量，但是性能差会影响用户启动、使用等等其他环节的收益。

🔻性能分基础问题

Q1：为啥我的性能分刚开始还有分数呢，最近一直显示校准中，是因为用户量太少吗？

A1：是的，为保证得分稳定性以及置信度，最近7天pv<基准时会显示为校准中，具体基准值也会不断校准。

Q2：我本地跑的性能分有75左右，但是开放平台上只有20左右，这个为什么会有这么大的差距？

A2：ide是本地数据，平台上用的是线上指标，两者关注点不同，但最终目标都是为了衡量小程序体验状况，线上数据受用户机型分布、网络环境等影响后的综合指标，包含多个入口场景和启动页面，更贴近用户的整体使用体验；本地工具基于代码当前状态，尽可能的诊断出当前测试链路的代码实现问题，本地测试时的场景较少，覆盖面不够。如果出现类似无法理解的数据情况，可以看下具体差异在哪些指标，如果发现是本地测试结果有问题欢迎反馈。

Q3：在一些新手机上，打开小程序，加载都要加半天，除了网络，是不是和小程序性能有关系？

A3：有关系。如果是首次打开小程序，涉及小程序环境的准备和包下载，耗时比复访时较差，平台「冷启动耗时」指标统计的就是该场景，启动漏斗包含完整的启动流程和耗时，可以结合优化指引分析优化。

🔻性能分优化问题

Q1：代码包已经做了很多优化了，下载耗时只有300+ms，但是，冷启动打开率还是不理想，如何优化？

A1：

1. 可以看下启动漏斗中转化率损失在哪个阶段，如果是 2～4 阶段，则需要其他更深入的优化，可以参考《启动性能优化指引》继续优化。
2. 如果是 1～2 阶段，可能是由于包代码下载问题，也可能和业务有关，如果是广告等场景，用户可能误点或不感兴趣较多，会及时离开。如果有其他疑问，可以在「小程序性能优化助力群」发起个话题，补充小程序id，一起查查数据看看。

Q2：「chooseMedia:fail cancel」这个会影响性能分吗？这个一般是用户手动取消上传。

A2：需要根据业务逻辑判断，如果 chooseMedia:fail cancel 有兜底不会导致白屏，就不会影响性能分，可以先忽略；此类用户操作导致的fail，后续平台会优化过滤，提供更有用的异常信息。

Q3：接口并发优化：接口并发过多时排队。这个如何实现？有代码demo吗？

A3：目前是框架层限制，为避免阻塞重要请求排队，建议减少并发，重要请求提前发起，上报等非必要请求在 Page.onReady 或之后或 onHide 等不阻塞的时机发起

Q4：在性能分析-性能报告-质量检测中的JSAPI调用异常原因分析，返回的error信息有些找不到相关文件，也无法复现，有些问题找不到，不清楚需不需要调整。

A4：目前平台的错误展现策略还在优化中，后续计划只提供归因到开发者的问题，便于开发者可以自行处理。如果有一些特殊问题需要协助，可以通过平台 oncall 拉技术支持同学帮助解决。

Q7：骨架屏好像不能提升LCP？

A7：骨架屏可以避免白屏，减少用户的等待焦虑从而减少流失，对于启动较慢的场景，使用骨架屏有益于提升打开率，但骨架屏为空白占位，通常不会计算在 LCP。

Q8：预加载API和预渲染API 分别是什么？

A8：适用于非短剧行业。短剧行业如果接入了官方播放器，该能力由播放器封装，无需开发者管理。

1. 预加载API tt.preloadVideo，对视频资源进行预加载，提前完成视频资源下载。
2.   预加载成功后的视频资源生效区间为整个小程序。
3. 预渲染API tt.prerenderVideo，对视频资源进行预加载、解码，提前完成除渲染外的所有步骤。
4.   小程序全局只会保存一个预渲染的视频，可以先预渲染好接下来需要播放的视频，然后复用预渲染视频进行播放，接着再重新预渲染下一个即将播放的视频，以此类推。需要注意只有创建 video 组件时可以复用预渲染的视频，更新视频资源属性，是无法复用预渲染的视频的。

不管是调用预加载还是预渲染API，都需要避开当前视频启播阶段。

Q9：开发工具的真机trace 需要点击才能统计到lcp，如果是真实用户访问，也需要点击才能统计吗？

A9：不需要，返回按钮、切换后台、页面消失等都会进行上报。真机trace中是为了方便，所以建议通过点击屏幕触发lcp上报

🔻耗时相关问题

Q1：页面切换耗时如何提升？

A1：页面切换耗时，可以参考和启动一样的优化方式，在IDE中添加编译方式，将需要优化的页面作为启动页👉点击查看参考文档

Q2：页面切换耗时差于同类很多，这个要怎么优化。还有选择视频文件api，只能选择mp4，能否支持avi格式？

A2：建议参考：2024-11-20 性能分提升直播第二场：启动/运行/质量优化

Q3：视频详情页如何优化冷启动耗时？骨架屏和prelaunch预加载已尝试，反而增加了启动耗时？

A3：如果是短剧，建议直接接入官方播放器；如果是非短剧小程序建议：

1. 通过预加载API tt.preloadVideo，对视频资源进行预加载，提前完成视频资源下载。
2.   预加载成功后的视频资源生效区间为整个小程序。
3. 通过预渲染API tt.prerenderVideo，对视频资源进行预加载、解码，提前完成除渲染外的所有步骤。
4.   小程序全局只会保存一个预渲染的视频，可以先预渲染好接下来需要播放的视频，然后复用预渲染视频进行播放，接着再重新预渲染下一个即将播放的视频，以此类推。需要注意只有创建 video 组件时可以复用预渲染的视频，更新视频资源属性，是无法复用预渲染的视频的。
5. 建议参考：2024-11-20 性能分提升直播第二场：启动/运行/质量优化

Q4：我们小程序现在主要卡在登录流程太慢，tt.login 需要 600ms，拿到 code 后去自己服务器登录又要 400ms，必须要耗掉 1s，想问问这种情况有提升解决方案吗？

A4：建议接入《数据预取js方案》

🔻图片优化问题

Q1：图片优化的话，什么格式最佳？

A1：图片建议使用轻量级的，比如webp格式，具体可以参考👉启动耗时优化-图片优化

Q2：图片资源不多，url相对路径和网络路径差距大吗？

A2：图片资源不多，如果图片本身较小，包内会更好，如果图片体积较大(>300k)，放在包内也会导致包体积增大，建议用网络图片，同时进行压缩和使用数据预取提前加载

Q3：公司图片都用的是 png 格式，使用前会用 tinypng 压缩，性能分析时每次都提醒使用 webp，然后我们测试发现换成 webp 后图片居然变大了，请问不使用 webp 就会扣分么？

A3：不使用webp不会扣分，推荐使用webp 是因为相对于其他类型较为轻量，如果图片本身已经被压缩处理过且体积较小，可以不替换。

Q4：短剧类小程序性能评分打分很低，有没有针对短剧小程序的显著性优化方案？

A4：

1. 播放页，建议使用官方播放器，可以参考【抖小短剧】官方播放器接入方案，使用官方播放器。【预计收益 启动耗时-35.10%，启动到达率+2.50%】
2. 如果页面最大元素非视频首帧 / 视频封面，参考通用的《启动性能优化指引》

🎁更多精彩内容别错过

📺直播回放请查收

本期小程序性能分沙龙精彩回顾到这边就结束了！

图文版解读结束了，视频版的直播内容当然不能落下😎

本期沙龙直播回放视频已上线学堂，【点击此处✨】即可跳转观看！

你也可以直接进入学堂，通过以下两种方式查看👇 快快学习起来吧～📚

💬关注专题有惊喜

我们也将持续通过线上沙龙为大家分享最新能力和政策💪

也请大家持续关注后续开发者沙龙活动❤️

别忘了点击关注👉【开发者沙龙】专题👈 哦！

这样就可以第一时间收到专题内容更新动态啦～

🙌🏻领取积分别错过

最后，为小伙伴们解答一下大家关心许久的积分任务～本次参与直播沙龙均有积分！

目前填写预约问卷(+10分)、观看沙龙直播(+50分)积分均已下发，你可以在【积分明细】中查看～

若你未收到对应积分，可👉点击此处👈填写问卷向我们反馈💪