支付宝小游戏宿主性能优化

主要观点总结

本文介绍了支付宝小游戏的技术优化过程，包括小游戏运行时、文件系统优化、文本渲染优化、独立渲染线程和iOS高性能模式等方面的优化。通过优化，提高了小游戏的运行效率和用户体验，解决了游戏卡顿、掉帧等问题。

关键观点总结

关键观点1: 小游戏的技术优化包括哪些方面？

小游戏的技术优化包括多线程、独立音频线程、文件系统优化、文本渲染优化、独立渲染线程和iOS高性能模式等方面的优化。

关键观点2: 什么是多线程在小游戏中的优化作用？

在小游戏中，通过采用多线程技术，可以将耗时的计算任务放到子worker线程并行执行，以满足JS执行不阻塞渲染，从而提高游戏的流畅度。

关键观点3: 什么是独立音频线程在优化中的作用？

独立音频线程可以将音效与游戏主线程解耦，避免游戏卡顿和丢帧问题，提高游戏帧率。

关键观点4: 文件系统优化对小游戏有何影响？

文件系统优化可以提高小游戏中文件操作的吞吐性能上限，减少耗时动作无锁并行化，保障文件操作的稳定性，提高游戏对文件系统的访问效率。

关键观点5: 文本渲染优化的重点是什么？

文本渲染优化的重点是提高文本的渲染效率，通过优化字符排版和测量效率，以及高频API的调用效率，改善游戏的渲染效率。

关键观点6: 独立渲染线程是如何解决游戏卡顿问题的？

独立渲染线程可以将Render任务提交到独立的线程异步执行，避免某一帧Render阶段耗时过长导致的卡顿问题，从而提高游戏的帧率。

关键观点7: iOS高性能模式是如何提高小游戏运行效率的？

在iOS端，通过采用高性能模式，使用WKWebView替代JavaScriptCore作为小游戏的运行环境，解决了JavaScript代码执行效率的问题。同时，通过优化指令通信和调用的效率，提高了游戏的运行效率。

文章预览

编者注：本文由支付宝技术部陈加骏(逸空)和池长炮(智游)联合编写。 引言 每至春节前夕，支付宝的集福活动便如 一场全民参与的线上嘉年华，迅速席卷全国。小游戏作为热门互动内容载体，已连续两年登上支付宝集福活动的舞台。下面，就让我们深入了解其背后的技术优化。 热门小游戏展示 起航 小游戏是如何在支付宝端内运行起来的？我们先通过下图来简单的理解： 从上图可见，开发者将游戏逻辑、引擎和支付宝适配逻辑集成在游戏引擎中，导出结果并通过“小程序 IDE”进行编译，生成符合支付宝标准的小游戏 App 包。接下来，开发者会在支付宝开放平台上发布上线。当用户打开小游戏时，小程序的统一容器层会负责管理和下载游戏  App 包，接着启动初始化渲染引擎，通过渲染引擎处理 RAF 和渲染任务，并响应用户输入，驱动游戏持续运转 ………………………………