收藏
回答

话题 全部话题

有奖调研|小程序Skyline渲染引擎再升级!你接入了吗?

在各位开发者的支持下,Skyline 渲染引擎接入量同比增长 17 倍,PV 同比增长 4 倍,展现出强劲的发展势头! 

为进一步优化小程序性能,带来更贴近原生的用户体验,微信开发团队持续深耕技术,使小程序启动耗时成功降低 20%,跳页耗时大幅降低 50%,让用户操作体验愈发丝滑流畅! 

与此同时,微信鸿蒙 OS 版已灰度支持 Skyline 渲染引擎,另外针对文本布局、JS 调用原生接口的性能进行了专项优化。诚邀更多开发者朋友们 接入体验,感受技术升级带来的全新可能,想了解 Skyline 更多动态可关注 Skyline 更新日志

以下为大家展示一些行业内的 Skyline 案例,由左向右小程序依次为:京东购物、同程旅行、朴朴超市、有赞、腾讯频道

 

看完这些丝滑流畅的 Skyline 案例,你是不是也迫不及待想要尝试了呢?那就赶紧行动起来吧! 

无论你在接入 Skyline 的过程中,还是使用期间,遇到了任何卡点难题,或是有宝贵的优化建议,都欢迎留言告诉我们! 

即日起至 2025 年 10 月 17 日,欢迎各位开发者在下方评论区留言。我们将精选优质评论,入选的用户将获得官方精心准备的精美礼品一份。期待你的参与和分享!




写回答关注话题邀请回答

10 个回答

  • 社区技术运营-wwen
    社区技术运营-wwen
    置顶回答2天前

    感谢大家关注 skyline 话题!感谢各位开发者们宝贵的建议,我们将持续优化,与各位开发者朋友们一起打造更好的小程序开发生态。


    我们精选以下 4 位用户的回答并送出微信周边礼物。2025 年 11 月 3 日前,我们将通过社区私信联系以上得奖者确定邮寄地址,如本周内未收到回复(即 2025 / 11 / 8 0点前),视为放弃奖品。

    2天前
    赞同
    回复
  • 啊哈
    啊哈
    精选09-29

    几乎所有的skyline新特性都体验过了,整体体验都还是很不错,目前使用中遇到点小瑕疵:

    1、容器转场动画,用手势返回时,容器上下的动画有些闪烁;

    2、自定义路由 routeType: 'wx://cupertino-modal',在ios上背景色和设备系统字体都变成白色了;

    另外还有功能不敢上生产环境,因为实在不知道怎么兼容webview,比如draggable-sheet的交互、snapshot的功能等等。。

    09-29
    赞同 15
    回复
  • 恒之
    恒之
    精选09-29

    这又是加班的节奏啊~

    国庆加班,补充:

    作为一名小程序开发者,我最近一直在用 Skyline 渲染引擎做项目,说实话,这个新引擎真的让我眼前一亮。


    最直观的感受就是快,打开小程序的速度比以前快了好多,用户体验一下子就上来了。特别是在做电商项目的时候,商品列表滑动起来特别流畅,以前偶尔会卡顿的问题基本都解决了。


    动画效果也做得不错,我们做的一些自定义交互,用新的动画机制实现出来特别自然,用户反馈都说体验很好。样式方面支持也更全面了,开发起来比以前顺手多了。


    不过有几点小建议,希望官方能看看:第三方组件库的兼容性还需要再优化一下,有时候会遇到一些小问题;开发者工具里的调试功能如果能再加强就更好了;还有就是希望能多一些实际项目中的性能优化案例,这样我们开发的时候能少走弯路。


    总的来说,Skyline 确实是个好东西,看得出来微信团队花了很多心思。期待后面能支持更多功能,特别是 3D 方面的能力,相信会给小程序开发带来更多可能性。


    感谢微信团队一直为开发者着想,不断推出这么好的技术,让我们能做出更好的产品。


    ——2025年10月04日(写)


    09-29
    赞同 13
    回复
  • 啥也不是
    啥也不是
    精选09-30

    引入weui组件库,组件在skyline渲染引擎下不显示?

    问题具体描述地址:https://developers.weixin.qq.com/community/minihome/doc/000a247c4fcfb8e7cdf3f99d066000

    09-30
    赞同 3
    回复
  • 草哥太难了
    草哥太难了
    精选09-29

    先把flex gap的时候高宽不计算gap的bug和不支持inline布局的问题解决吧,我要吐血了https://developers.weixin.qq.com/community/develop/doc/000a2817338f88fc74e30486e6d000

    09-29
    赞同 3
    回复
  • showms
    showms
    09-30

    一个是改造成本较高,如果有工具可以一键适配再好不过了

    二个是坑比较多,不知道现在填的怎么样了

    09-30
    赞同 12
    回复
  • 一谦
    一谦
    10-20

    肝了几晚,遇到以下性能与渲染问题​

    ​卡点难题​

    1. ​长列表性能瓶颈​
    2. Skyline 的 scroll-view默认按需渲染,但动态加载数据时可能出现白屏或卡顿,需手动优化节点回收策略。
    3. ​动画与交互延迟​
    • ​自定义路由动画​​:如 wx://cupertino-modal在 iOS 上背景色异常,需通过 backgroundColorContent手动设置。
    • ​手势冲突​​:部分原生手势(如下拉刷新)与 Skyline 动画冲突,需禁用默认行为。
    1. ​图片与视频加载问题​
    • snapshot组件尺寸限制​​:生成海报时需通过 format: 'arraybuffer'自定义尺寸,否则默认适配设备像素比。
    • ​视频组件异常​​:真机播放视频时可能卡顿,需检查 show-screen-lock-button属性兼容性。

    ​优化建议​

    • ​预加载资源​​:使用 wx.preloadSkylineView预加载下个页面的 Skyline 环境,减少跳转耗时。
    • ​分块渲染​​:对长列表启用 lazyMount,仅渲染可视区域节点,降低内存占用。
    • ​GPU 加速​​:对复杂动画(如 worklet动画)启用 GPU 加速,提升流畅度

    感谢微信团队一直为用户和开发者着想,不断推出更快更好的技术,让我们能做出更好体验的产品。

    10-20
    赞同 3
    回复
  • 卢伟军@荟到(微信小店推客机构)
    卢伟军@荟到(微信小店推客机构)
    10-09

    这个问题几年了,没法开发..各个版本都试过了。找不到解决方法。

    10-09
    赞同 2
    回复 1
    • Sinoatrial node
      Sinoatrial node
      10-16
      我也是这样,更新最新版本都没用
      10-16
      回复
  • Xove
    Xove
    09-29

    好家伙 闪退

    09-29
    赞同 1
    回复
  • 💰
    💰
    发表于移动端
    10-17
    https://developers.weixin.qq.com/community/develop/mixflow
    10-17
    赞同
    回复
登录 后发表内容