快手、孩子王、华为等专家分享大模型在电商运营、母婴消费、翻译等行业场景的实际应用 了解详情
写点什么

Google 提出 Web 性能优化新方法——Diffable

  • 2010-08-12
  • 本文字数:692 字

    阅读完需:约 2 分钟

Google Maps 的开发人员 Josh 和 James 最近提出并实现了一种 Web 性能优化新方法—— Diffable ,即在浏览器加载 Web 页面时,促使其比较相关文件(Html、JavaScript 等)在服务器端和客户端缓存区的版本并只下载差量(Deltas),降低网络下载造成的延迟。本文简要介绍了 Diffable 方法的背景、原理、优势和实现情况。

背景

众所周知,Google Maps 是一款“重量级”的富互联网应用,主要 JavaScript 文件大小接近 300K,而一个平常的补丁更新只有不到 20K,这意味着如果用户的浏览器已经缓存了旧版本的 JavaScript 文件,那么在通常情况下,用户不得不下载多余的 280K(内容没有变化),页面加载速度就会受此影响。为了解决类似问题,Google Maps 的工程师提出了 Diffable 方法。

原理

Diffable 方法需要在服务器端和客户端同时实施,如图 1 所示。

  • 服务器组件记录网页相关文件版本更新的差量,以便在客户端需要时向其发送补丁以更新过时的缓存文件。
  • 客户端组件(采用 JavaScript 编写)检测是否缓存了过时文件并在必要时请求新版本的差量补丁,与缓存的文件合并完成更新。

性能优势

对于 Google Maps 来说,Diffable 方法节省了 1200 毫秒(减少页面加载时间的 25%),请注意这种方法只对已经缓存旧版页面文件的 Google Maps 用户有效,此类用户约占全部用户的 20%-25%,参见图 2 所示:

实现

Diffable 方法是一种 Web 性能优化思想,目前 Google 的开发人员已经针对 J2EE 应用完成了相应的开源实现,采用 Apache License 2.0 授权,具体细节可以参考以下文档:

感兴趣的朋友可以登陆 Diffable 开源项目官方网站了解更多详情。

2010-08-12 08:527763
用户头像

发布了 501 篇内容, 共 254.7 次阅读, 收获喜欢 59 次。

关注

评论

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

云南区块链布局

CECBC

区块链 大数据

第一周学习总结

CraspLion

只争朝夕乘势上,不负韶华开新局——区块链上升为国家战略今日迎来一周年

CECBC

区块链 数字经济

架构师训练营第五周课后作业

Gosling

极客大学架构师训练营

极客时间架构师培训 1 期 - 第 5 周作业

Kaven

牛逼的程序员,都长什么样?

田维常

程序员 牛逼

食堂就餐卡系统设计

Sandman

极客大学架构师训练营 作业

架构师训练营第五周学习总结

Gosling

极客大学架构师训练营

手把手教你理解决策树:从概念到应用

计算机与AI

Python 学习 决策树

第5周 技术选型(一)总结

bearlu

【第五周】技术选型(一)

云龙

第一周作业

阿呆

【建议收藏】18个适合程序员的在线学习网站,每个我都帮您试过了

田维常

学习 程序员 成长 网站

【原创】90%的人都不会做的一道笔试题

田维常

程序员 面试

Raft算法之快照篇

心平气和

raft 快照

架构师训练营第 1 期 - 第五周总结

Todd-Lee

极客大学架构师训练营

年薪50万开发者相亲失败:程序员,别输在不会说话上

田维常

程序员 好好说话 不会说话

一致性哈希算法 Java 实现

escray

极客大学 极客大学架构师训练营 课程作业

面试官角度,聊聊写简历这事

田维常

程序员 面试

第五周作业

极客大学架构师训练营

朋友被“卖”了两次:程序员,真的别去外包公司!

田维常

程序员 外包 外包公司

程序员是不是青春饭?年纪大了何去何从

田维常

程序员 青春饭

Spring Boot 过滤器、监听器、拦截器的使用

田维常

程序员 过滤器 拦截器

第一周学习总结

Alvin

学习 极客大学架构师训练营 2组

数字人民币将如何改变金融生态?

CECBC

数字人民币

架构师训练营第 1 期第 5 周学习总结

owl

极客大学架构师训练营

第四周作业

橘子皮嚼着不脆

架构师第一周作业

丁乐洪

第01周学习总结[架构师训练营第 2 期]

Airship

极客大学架构师训练营

架构师训练营第 1 期 - 第五周作业提交

Todd-Lee

极客大学架构师训练营

技术是否要追新?基于4点判断谈谈4点认识

田维常

程序员 技术 最新 技术追新

Google提出Web性能优化新方法——Diffable_Java_崔康_InfoQ精选文章