[关闭]
@xuemingdeng 2017-05-08T23:36:03.000000Z 字数 1207 阅读 592

JavaScript编译器Prepack:旨在减少启动时间

摘要:

Facebook透露了Prepack项目,一个编译时的JavaScript解析器,旨在通过预计算全局代码块来减少代码初始化时间。React Native应用和其他具有启动时间瓶颈的平台可以从该工具中获得最大的好处。

正文:

Facebook透露了一个项目,旨在“让JavaScript运行得更快”,只要JavaScript代码是在React Native应用里进行初始化的。

这个被称为Prepack的工具,试图移除编译时的计算过程,特别是在代码初始化阶段所进行的计算。随着JavaScript引擎的日渐成熟,现今最大的性能问题是如何改进用户体验。在很多移动应用里,本地代码比起JavaScript代码具有与生俱来的优势,比如那些React Native应用。因此,对于React Native应用来说,减少启动时间可以显著地改进用户体验。Nikolai Tillmann在2016年9月份加入Facebook,专门解决这方面的问题。

项目主页上的所有示例都展示了如何进行全局处理,以便减少启动时间,避免客户端JavaScript引擎每次都要进行不必要的编译。Prepack是一个“纯净的JavaScript参考实现”,所以它只读取必要的JavaScript代码。

现在,这个项目专注于如何为React Native改进初始化性能,因为React Native应用的启动过程相对耗时。设备端的JavaScript引擎编译次数越少,性能就越好。不过,这个项目无法感知它所运行的环境。Prepack的文档里提到,“Prepack并不知道document和window是什么。事实上,在Prepack里引用这些属性时,它们会得到undefined”。

官方已经非常清楚地声明,该项目“还没有为生产做好准备”。在短时间内,主要的目标是能够把它应用于React Native应用,以及相关的工具链。对Web和Node.js的支持被列为“中期”目标,所以想要将该工具集成到Web应用里的开发者们需要等待一段时间。不过,虽然减小应用文件大小是Web开发者的关注点,但它并不是Prepack的目标。项目主页的底部有一段说明:

Prepack关注运行时性能,而Closure编译器更注重JavaScript代码的大小。

Tillmann写到,这个工具是否能够带来好处,完全取决于被编译的东西:

Prepack可以作为传统编译器的补充。它的长处在于,它了解JavaScript内建组件,并在编译时期使用它们对代码进行预处理。在极端情况下,整个程序可以被缩减到只剩最终的结果。为了看到实际的效果,我们需要在一个能够缓存解析的环境里使用它。在初始化阶段,我们可以看到它带来最多10倍的执行时间改进。

查看英文原文: Prepack JavaScript Compiler Aims to Reduce Startup Time

添加新批注
在作者公开此批注前,只有你和作者可见。
回复批注