Proxx是谷歌Chrome团队推出的一款JavaScript游戏。该项目展示了如何开发快速平滑的Web应用，这些应用在多种平台和输入设备上提供了相近的用户体验。

Proxx项目的独到之处在于它主要针对的是智能功能机。智能功能机是低价智能机替代设备，在印度和非洲广为使用。根据Counterpoint的市场研究报告，智能功能机在2019年至2021年期间的销量有望达到3.7亿部。

相对于智能机，智能功能机的硬件非常简单。它不支持触控，屏幕相对较小，大多采用240x320分辨率的QVGA屏，CPU的处理能力也相对较弱。

这些硬件的局限性给Web开发人员提出了新的挑战。大多数开发人员并未习惯于针对如此受限的资源开发Web应用。

为解决智能功能机的性能受限问题，Proxx项目使用了一种“W eb W orker”技术。该技术支持以后台线程方式运行JavaScript代码。

Proxx将游戏逻辑分散为多个独立线程，确保只有与用户界面相关的计算是在主线程中完成。这种设计确保了应用的平滑渲染，特别是在配备较差的设备上运行的时候。

Proxx团队使用了Canvas和WebGL技术来渲染游戏。由此实现了两个独立的层，一层用于后台动画，一层用于显示表格。这种设计让后台可以使用规模更小的画布，降低内存消耗。

与游戏的交互是通过一个隐藏的DOM网格来处理的，该网格位于画布层之上。这种简化的事件处理机制让Proxx团队能够易于支持屏幕阅读器。

Proxx团队选择使用Preact来管理DOM的渲染和交互。Preact是React的一个更简洁的替代方案，它提供了近似于React的渲染API，但体积只有3KB。

Proxx团队使用Puppeteer在服务器上预渲染初始屏幕，进一步改进了项目的加载时间。

最后，Proxx团队使用了Rollup。Rollup是一种JavaScript模块捆绑器，相较广为使用的Webpack库，Rollup进行了一些优化。具体地说，Rollup可在主线程和Web工作线程间共享依赖项，避免代码重复加载。

Proxx团队计划于今年晚些时候公布更多的开发进展。

如果开发人员现在有兴趣深入了解，可访问项目的网站，或是观看Google I/O大会的 Proxx演讲。

Proxx的源代码可在GitHub代码库上找到。Proxx基于Apache 2开源许可。

查看英文原文： Proxx: Building Fast Web Applications

Proxx：构建高效的 Web 应用