随着编译到JavaScript语言的日益普及，对于熟悉Java虚拟机（JVM）语言并希望开发Web应用程序但不想掌握复杂的JavaScript开发技术栈的开发人员来说，他们有了越来越多的JavaScript替代方案可选择。最近发布的对使用GWT、TeaVM、JSweet、CheerpJ、Vaadin Flow框架搭建的应用程序性能和有效负载特性的分析表明，与原生JavaScript Web应用程序相比，它们的性能差距正在缩小。

Java开发人员Renato Athaydes最近对JVM替代方案和JavaScript进行了比较。作为比较参照物的目标应用程序是一个简单的计数器，它使用React JavaScript前端库实现：

这个计数器应用程序分别使用GWT、TeaVM、JSweet、CheerpJ和Vaadin Flow五种Java框架实现。这五种Java替代方案和原生JavaScript应用程序之间的比较遵循了一种简单的方法论：使用Java或框架提供的最基本的工具创建计数器应用程序，然后测量应用程序的大小和性能。应用程序大小通过浏览器的网络（Network）选项卡获取（计算所有类型的资源，避免偏向依赖大量非JavaScript资源的框架）。利用谷歌Chrome内置的Lighthouse审计工具来衡量性能。 LightHouse的性能分数根据六个加权指标进行评估，这六个指标按照重要程度排序为：可交互时间、速度指标，首次内容绘制，首次CPU空闲，首次有效绘制和预计输入延迟时间。

根据Lighthouse的报告，JSweet和TeaVM在首次内容绘制（First Contentful Paint，FCP）测量上击败了原生JavaScript React应用程序。谷歌报告表明，首次内容绘制是“测量从请求页面到浏览器渲染DOM第一个比特位的时间。这对用户来说是一个重要的里程碑，因为它提供了页面实际加载的反馈”。虽然大多数框架都获得了LightHouse评定为良好的全局性能分数（> 90，最高为100），但是与其他框架相比，CheerPJ性能表现不佳。

在很大程度上，我们可以通过生成的JavaScript大小来解释Java框架排名结果：

Java框架按照生成JavaScript大小从小到大的顺序排列，和上述按照性能排列顺序相同。能得出这样的结果是意料之中的，因为浏览器解析生成JavaScript的时间与大小成正比，与性能成反比。

该项研究不包括J2CL，J2CL是谷歌最近推出的Java到JavaScript转换器。此外，该研究依托于一个简单的Web应用程序。虽然测评结果不能推广到大型Web应用程序，但它仍然可以用于分析该项研究中涉及的Java框架之间的差异。

例如，CheerPJ的大尺寸和糟糕的性能可以用这样一个事实来解释：它不是一个真正的Java到JavaScript的转换器，因为它将完整的Java运行时发送给了浏览器。从好的方面来说，CheerPJ允许开发人员使用已编译且包含Swing应用程序的jar，无需插件直接在浏览器中运行。

GWT（2006年发布）是一种成熟的开源技术，谷歌广告就使用了GWT。 GWT附带了一系列用于界面构建的小部件和面板。

TeaVM声称是Java字节码的前置编译器，它可以在浏览器中运行JavaScript和WebAssembly。 TeaVM不需要源代码，只需要编译后的类文件，而且不要求源代码是Java编写的，因此TeaVM可以编译Kotlin和Scala。

Jsweet自称是Java到TypeScript／JavaScript的转换器，具有1000多个Java可用的JavaScript库。 Jsweet声称允许开发人员使用JavaScript访问使用Java生成的API／对象，而无需额外的工具或运行时。然而，Jsweet并不能完全模拟Java。在某种程度上，可能需要修改现有的Java应用程序，特别是那些使用Java特定API编写的应用程序，如用于用户界面的Swing。

Vaadin Flow是一组用于使用Java构建Web应用程序的组件和工具。 Vaadin Flow提供了内置的Spring支持，支持WebSocket的自动服务器端到客户端通信。 Web应用程序可以用纯Java编写，也可以用Java和HTML混合编写。 Vaadin的组件自称是移动优先的Web组件，可针对UX、性能及可访问性进行微调。但是，Vaddin Flows会向浏览器发送一个压缩后大小超过“300k（不管应用程序大小）”的客户端引擎。后者解释了Vaadin Flow性能曲线的表现。

该研究方法论的灵感来源于InfoQ之前报道的博文“前端框架的实现比较“。

查看英文原文：Writing Web Applications in Java - a Study of Alternatives

创作场景

用 Java 开发 Web 应用，替代方案研究