专栏首页FundebugFacebook发布全新JavaScript引擎:Hermes

Facebook发布全新JavaScript引擎:Hermes

摘要: JS引擎开始升级了...

Fundebug经授权转载,版权归原作者所有。

前言

  • 目前,用户的流畅体验是用户能长期使用某个移动客户端应用App的重要指标之一,因此,移动客户端应用App的性能问题备受关注。
  • 最近,一个崭新的JavaScript引擎面世:Hermes,它是Facebook在Chain React 2019 大会上发布 & 用于在React Native应用提高性能的,今天,我将进行全面介绍。

1. 简介

Facebook在Chain React 2019 大会上发布的一个崭新JavaScript引擎

已开源 & 用于移动端React Native应用的集成

2. 作用

2.1 背景

  • 用户的流畅体验是用户能长期使用某个移动客户端应用App的重要指标之一,因此,移动客户端应用App的性能问题备受关注
  • 针对React Native应用,流畅度等性能问题一直被人诟病

2.2 问题

Facebook基于多方性能数据分析,发现JavaScript引擎本身就是影响React Native应用启动性能的重要因素

2.3 解决方案

构建一个全新的JavaScript引擎,针对React Native应用,去提高移动客户端应用App的性能

特别注意:Hermes主要面向移动端React Native应用的性能优化,对浏览器 & Node.js 等服务端基础架构并不适用。

3. 性能提升表现

对于React Native应用(基于JavaScript引擎)来说,用户感知最明显的性能体验包括:

  • 应用程序可用的时间(TTI)
  • 安装包下载大小(Android APK 大小)
  • 内存利用率

根据Facebook给出的官方性能优化性能数据如下:

示意图

从上述数据可知,Hermes引擎提升性能较为明显:

  • 在应用程序可用的时间上,Hermes能提升一倍的时间效率
  • 在安装包下载大小下,Hermes能减少50%的大小
  • 在内存利用率上,Hermes能节省30%的内存使用

4. 设计原理

为了提升React Native应用的性能表现,Hermes引擎的设计主要是从是两个方面入手:编译方式 & 垃圾回收策略

4.1 编译方式

a. 字节码预编译
b. 无JIT编译

4.2 垃圾回收策略

5. 使用特点

在实际使用Hermes时,具备3个优点:懒编译、兼容性好 & 调试体验好,具体如下:

  • 特别注意:在实际使用Hermes时,需对build.gradle文件做更改 & 重新编译
project.ext.react = [
  entryFile: "index.js",
  enableHermes: true
]

6. 总结

  • 本文全面讲解了Facebook在Chain React 2019 大会上发布的一个崭新JavaScript引擎:Hermes
  • 下面我将继续对 Hermes引擎中的知识进行深入讲解 ,感兴趣的同学可以继续关注本人博客Carson_Ho的开发笔记

原文链接:https://www.jianshu.com/p/206ed11a6b5c

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 21个React开发神器

    有没有想过你的应用程序的哪些包或哪部分代码所占总大小的多少? Webpack Bundle Analyzer可以帮助咱们分析。

    Fundebug
  • React教程:4 个 useState Hook 示例

    到 React 16.8 目前为止,如果编写函数组件,然后遇到需要添加状态的情况,咱们就必须将组件转换为类组件。

    Fundebug
  • JavaScript面试的完美指南(开发者视角)

    函数是 JavaScript 的精华,是 JS 一等公民。JS 函数不仅仅是一个普通的函数,与其他语言不同,JS 函数可以赋值给变量,作为参数传递给另一个函数,...

    Fundebug
  • MySQL特有的SQL语句 第一弹

    关于SQL,我们总是会有无穷无尽相关的话题,有时候碰到了一些觉得不错的SQL功能会标记下来,好记性不烂烂笔头,回头来看,自己也收集了不少的点子,但是从整体来...

    jeanron100
  • 长期维护更新,前端面试题

    HTML,即超文本标记语言,几乎是所有网站的支柱。HTML 为网页带来标题、子标题、列表和其它一些文档结构的格式。在最近更新的 HTML5 中,甚至可以创建图表...

    FinGet
  • 键盘拦截器制作与测试

    由于上学期考试挂科了,也是我大学里面最后一个学期了,我可不想重修啊。想着寒假在家好好复习,到学校来好好参加考试,但是寒假里面的诱惑太多了,不说在家抢红包吧,各种...

    周俊辉
  • JavaScript面试的完美指南(开发者视角)

    函数是 JavaScript 的精华,是 JS 一等公民。JS 函数不仅仅是一个普通的函数,与其他语言不同,JS 函数可以赋值给变量,作为参数传递给另一个函数,...

    Fundebug
  • 耶鲁研究团队利用遍地的“硅藻”材料,提升有机太阳能电池的转换效率 | 黑科技

    镁客网
  • Javascript 面试的完美指南(开发者视角)

    函数是 JavaScript 的精华,是 JS 一等公民。JS 函数不仅仅是一个普通的函数,与其他语言不同,JS 函数可以赋值给变量,作为参数传递给另一个函数,...

    Javanx
  • javascript 私有化属性,和公共属性

    windseek

扫码关注云+社区

领取腾讯云代金券