你好,游客 登录 注册 搜索
背景:
阅读新闻

Twitter基于React的网络协议栈媲美原生性能

[日期:2017-02-24] 来源:infoq.com  作者:David Iffland ,译者 罗远航 [字体: ]

最近,Twitter将它们移动前端用户迁移到了一个新的、基于JavaScript的网络协议栈中。在这样做的过程中,他们阐述了移动web技术在与原生应用性能的对比中都有哪些优势。

在一条不经意的Twitter动态中,Twitter的工程师Nicolas Gallagher提到,迁移工作已经完成:

今天我们将Twitter所有的移动web端流量(好像有很多)迁移到了我们新的网络协议栈中:Node.js、Express、React PWA(React渐进式网络应用)。

——Nicolas (@necolas) February 8, 2017

这条极其神秘的推特留下了许多未解之谜。最重要的是,“之前这些流量在什么上运行?” Ghallagher之后的推特解答了其中的一些谜团。

对于那些已登录的用户,“新的”网络协议栈其实已经投入应用有九个月了。未登录的用户其实由一个不同的网络协议栈提供服务,这个协议栈是由Scala和Closure Templates组成。当React开发者们所提倡的登录体验改善的时候会用回到新的协议栈。

新的基于浏览器的UI构建于Node.js和Express之上,Node.js和Express用于处理服务器端。应用程序就像渐进式Web应用 (Progressive Web App)一样被构建,渐进式Web应用通过Service Workers来支持即时页面加载、离线功能、消息推送等。目前的应用还不能支持所有这些特性,但是另一个Twitter工程师Paul Armstrong透露,这些特性将很快被支持。

后端不是运行在服务器上的React。Twitter工程师James Bellenger提到,“后端服务不是使用的反应渲染(react rendering)并且几乎没有路由处理”,他还补充道,“这个服务做的最难的一项处理是对json进行分词”。在这些推特中,Bellenger透露了很多关于这项服务怎样工作的细节。对于初学者而言,它运行在当前Node.js的长期支持版本上并且使用handlebars而不是反应渲染(react rendering)

社区正在要求他们透露更多信息,关于他们是如何应对处理站点的大量流量的。Stuart Langridge回复道,他想“看到一条(或者更多)的动态能解释这是怎么做到的(处理大量流量),以及期间遇到的问题等等。”

Ryan Johnson写了一个对于Twitter的Redux存储的独立分析,其中有许多有趣的见解。在和InfoQ的谈话中,Johnson谈到,看了Twitter的实现,给了他对于技术的信心:

对于Redux,我一直关心的一个问题是,到底存储多少数据才算多,到底能存储多少数据?你能看到,当你滑动Twitter时或者收到新的推特时,Twitter会不断地存储推特数据。如果Redux能处理Twitter这么多的数据,我相信它能处理得了所有我应用在上边的数据。

它在移动端的性能是非常出众的。Johnson说到,“我发现移动端页面响应的流畅让人难以置信,在我看来,它能轻易取代原生应用。”

新的web应用能通过以下网址访问:https://mobile.twitter.com

查看英文原文:Twitter's React-Based Mobile Web Stack Rivals Native Performance

本文永久更新链接地址http://www.linuxidc.com/Linux/2017-02/141010.htm

linux
本文评论   查看全部评论 (0)
表情: 表情 姓名: 字数

       

评论声明
  • 尊重网上道德,遵守中华人民共和国的各项有关法律法规
  • 承担一切因您的行为而直接或间接导致的民事或刑事法律责任
  • 本站管理人员有权保留或删除其管辖留言中的任意内容
  • 本站有权在网站内转载或引用您的评论
  • 参与本评论即表明您已经阅读并接受上述条款