写点什么

Fastbook:Sencha 想要证明 HTML5 现已“就绪”

  • 2013-01-10
  • 本文字数:1550 字

    阅读完需:约 5 分钟

不久前,Sencha 创建了 Fastbook,这是一个模仿 Facebook 原生应用的 HTML5 应用,在 iOS 与 Android 上的性能表现差不多,Sencha 借此想要证明“HTML5 现已就绪”。

Facebook CEO Mark Zuckerberg几个月前曾经说过“公司最大的失误就是在HTML5 上投入太多,因为HTML5 尚未就绪”,公司决定为iOS 与Android 创建原生应用,后者在一周前已经发布。常见的说法是HTML5 尚未“就绪”、速度不够快、由于缺少合适的工具导致开发起来困难重重。

来自 Sencha (创建了 HTML5 及工具的知名公司)的两位开发者决定证明HTML5 已经就绪,并通过几个月的业余时间创建了 Fastbook 。Fastbook 是个 HTML5 应用,模仿了 Facebook 的原生应用,通过 Facebook API 进行真实的 FB 数据访问(你应该在移动设备上使用该应用,在桌面浏览器中似乎不行)。

下面的视频展示了在 iOS/iPhone 4S 与 Android/Galaxy Nexus 上对原生 Facebook 应用与 Fastbook 进行的测试。令人惊讶的是,在加载动态新闻并滚动新闻时,HTML5 应用的性能与 FB 原生应用一样好,在几处甚至还超越了 FB 应用(也许需要翻墙才能观看视频——译者注):

  • 在不同视图间切换时,HTML5 应用会缓存数据。FB 原生应用则会重新加载动态新闻
  • Fastbook 使用了嵌套的无限列表来展示评论,这提供了更棒的用户体验
  • Fastbook 还提供了 landscape 布局
  • 在 Android/Galaxy Nexus 上,HTML5 应用加载数据的速度要快于原生 Facebook 应用

Fastbook 创建者认为如果使用“网站开发方式”并且没有使用“正确的应用开发工具”的话,那么 HTML5 应用的表现就会很差劲。

他们还发现 Facebook 的原生应用至少有两处大的瑕疵:

  • 它依然是个混合应用:“News Feed 已经被移到了本地,并且拥有设定页面,但很多其他应用 UI 只是简单地向 m.facebook.com 发送 HTTP GET 请求而已。现在的原生 Facebook 应用是个混合 Web/ 原生应用:既有在 m.facebook.com 上渲染并在 UIWebView 上显示的内容,也有原生的 Objective-C 组件”。
  • 它所传输的数据超过了自身的需要,每 10 个条目就需要传输 15KB 到 20KB 的 gzip 压缩 JSON 数据,这其中很多数据并不是渲染实际视图所需要的。在代理服务器上清除 FB 数据后,Sencha 团队将数据传输量减少了 90%。

为了让示例能够成功运行起来,Sencha 对其 Touch 框架进行了几处改进:

  • 为拥有未知数量条目的页面添加了一个新的 Infinite List 组件。该列表包含了少量 DOM 结点,可以重用以渲染前一个 / 下一个条目。这有助于减少内存使用量,并且会极大降低大页面的渲染时间。
  • 添加了一个新的 Sandbox Container,“以编程的方式拆分复杂视图并将其渲染到自己的 iframe 中,这会将 DOM 树分割开来”。这么做的好处在于,动态新闻显示会更快,因为 News Feed、Timeline 与 Story 视图现在可以使用不同的容器了。
  • 与现有 Task Queue 更好的集成,这可以“防止对 DOM 读写的交叉,消除了不必要的布局。这与新的沙箱技术的结合能够极大减少复杂视图代价高昂的布局,比如说 Timeline 与 News Feed”。
  • 添加了一个新的 AnimationQueue 类,它会将耗时的任务推迟到 CPU 空闲时执行。这对滚动很有帮助:当用户快速滚动动态新闻时,图像加载与渲染会暂停,直到滚动停下来为止,这是一种推荐做法。
  • Fastbook 使用了 WebWorkers,它可以在单独的线程而不是 UI 线程中获取数据,使得滚动更加平滑。

如果说去年夏天 HTML5 还不行的话,那么 Sencha 的这个示例就表明了现在的 HTML5 可以与原生应用一样快,这证明了 HTML5 现已“就绪”,即便对于 Facebook 这种大型 Web 应用来说亦是如此。

Sencha 还发起了 HTML5 Is Ready ,这是一个应用竞赛,提供了 $20,000 奖金和设备,为的就是证明“优秀的开发者配上优秀的 HTML5 工具是可以开发出惊艳的应用的”。

查看英文原文: Fastbook: Sencha Wants to Prove HTML5 Is “Ready”

2013-01-10 03:372734
用户头像

发布了 88 篇内容, 共 263.7 次阅读, 收获喜欢 8 次。

关注

评论

发布
暂无评论
发现更多内容

得物质量管理体系的建设与应用

得物技术

测试 质量 企业号 2024年5月 PK 榜

INFINI Labs 产品更新 | Console 1.24.0 操作日志审计功能发布

极限实验室

console Gateway 极限科技 产品更新发布

苹果M1/M2电脑安装Lightroom Classic 2022(LRC2022) 后打开闪退怎么办?

Rose

立即注册 | 线上讲座:基于 NGINX 为现代应用构筑三大安全防线

NGINX开源社区

nginx DevOps DOS攻击 OWASP十大漏洞 NGINX PLUS

NineData云原生智能数据管理平台新功能发布|2024年4月版

NineData

sql 数据迁移 数据备份 NineData 对比工具

API主导的商业模式是否将在AI时代蓬勃发展?

幂简集成

AI API

Desktop Goose for Mac(抖音桌面宠物鹅),让你的苹果电脑桌面更加生动有趣!

Rose

NineData亮相GOPS大会:揭秘新时代企业级数据库DevOps最佳实践

NineData

数据库 DevOps 工具 NineData SQL IDE

跨云厂商的不停机数据库迁移!使用NineData就可以了

NineData

Google 数据库迁移 多云架构 无停机数据库迁移 跨云厂商

Oracle到PostgreSQL的不停机数据库迁移!

NineData

oracle postgresql NineData 无停机迁移 异常告警

京东JD商品sku信息API返回值解读:数据驱动的商品属性研究

技术冰糖葫芦

API boy API 接口 API 文档

京东秒送售后系统退款业务重构心得| 京东零售技术团队

京东科技开发者

Tuxera NTFS 2021破解版下载 Mac版NTFS工具推荐

Rose

适用于Windows、Mac平台:Sublime Text代码编辑器 含注册码

Rose

腾讯、阿里、B站最新面经汇总,有的妥妥的凉经

王中阳Go

golang 面试题 大厂面经 Go进阶

ClickHouse沙龙来了,NineData将分享数据管理与同步的关键技术!

NineData

Clickhouse Meetup 杭州 NineData 迁移同步

“她”来了,陪伴赛道巨变!为GPT-4o加上你的一个数字分身

京东科技开发者

苹果mac好用的SSh终端工具:SecureCRT for mac附最新许可文件

Rose

MacDroid for mac:轻松实现mac与安卓设备数据互通

Rose

什么是蜜罐,在当前网络安全形势下,蜜罐能提供哪些帮助

德迅云安全杨德俊

报名开启|智能化可观测:可观测开源开发者Meetup

TRaaS

活动报名

教你如何搞定springboot集成kafka

华为云开发者联盟

kafka springboot 华为云 华为云开发者联盟 企业号2024年5月PK榜

漆包线行业你了解多少?专业漆包线行业MES生产管理系统

万界星空科技

制造业 mes 万界星空科技 漆包线mes 漆包线

JetBrains Rider 2024永久注册码 mac/win 跨平台.NET IDE集成开发

Rose

观测云产品更新 | 监控、场景仪表板、查看器、服务管理、DQL等

观测云

监控

软件测试学习笔记丨黑盒测试方法论-场景法

测试人

软件测试

抖音商品详情:短视频电商的新风向

Noah

零知识证明与同态加密:隐私计算的双剑

EquatorCoco

区块链 零知识证明 同态加密

解锁高效创新:IPD策略如何重塑产品开发流程

不在线第一只蜗牛

大数据 产品开发

Fastbook:Sencha想要证明HTML5现已“就绪”_Meta_Abel Avram_InfoQ精选文章