Magento Java 英文原文：10 years of Speed in Chrome

自十年前 Chrome 浏览器初度推出后，速度已经成为 Chrome 的四个中间绳尺之一。我们不时都想让 Web 开发者可以向用户供应快速的、优秀的上网体验。在 Chrome 出世十周年之际，我们认为回想在这十年中为提高速度所收入的努力，和我们接下来要履行的检验测验将会是一件非常幽默的任务。

尽力于提速的多个浏览器组件

V8 是 Chrome 的一个 JavaScript 和 WebAssembly 引擎。随着网页应用 JavaScript 脚本数量的快速增加，一个可以处理这些 JavaScript 脚本的高速引擎成为一个非常首要的基础。这些年，我们为 V8 研发了一个新的 JavaScript 实行管道(pipeline)，启用了 Ignition（一个新的阐明器）和 TurboFan（一个优化的编译器）。这些举措使得我们关于速度基准测试方面的功用提升了 5%-10%。脚本流(Script streaming)使得我们在 JavaScript 脚本Start下载的时分就在一个后台线程中分析这些 JavaScript 脚本，而这可以将页面加载速度提高最多 10%。后来参与的后台编译过程将主线程的编译时间减少了最多 20%。

我们在 Orinoco 项目上的Task启用了并发的残余收受接收处理，释放了主线程的同时也减少了 jank。一朝一夕，我们也转而专注于理论的 JavaScript 功用，此举协助我们将 React 的运转时功用提升了一倍，同时也将 Vue，Preact 和 Angular 等库的功用提高了最多 40%。自最初的 V8 提交上线后，并行的、并发的、增量的残余收受接收减少到了因 jank 惹起的残余收受接收的百分之一。我们也完成了 WebAssembly，容许开发者在 Web 上仰仗可以猜想的功用来运转非 JavaScript 代码，同时启用了 Liftoff 基线编译器来保证 WASM 运用的快速启开工夫。这些新组件都是近十年用来提升 V8 功用的最新后果，而由此带来的功用提升逾越了 20 倍。

上图是近几年 V8 平台关于 Chrome 的一系列已发行版本的得分。V8 平台是旧的 Octane 基准的前身，我们在这张图表中应用 V8 平台是因为不合于 Octane，V8 平台可以运转在一切的 Chrome 版本中，包括最新的测试版本。

Chrome 在借助 SPDY, HTTP/2 和 QUIC 协助展开更新搜集协议和传输层中也扮演了一个关键角色。SPDY 被用来处置 HTTP/1.1 的限制并且成了 HTTP/2 的基础，然后者现在已经被一切确当代浏览器所支持。与此同时，团队尽力地在旨在更好的改进延迟和用户体验的 QUIC 上实行迭代，而在 QUIC 眼前，有一个尽力的工程Task组(ITEF)在努力。QUIC 的结果在像 YouTube 多么的视频网站上是显而易见的，在借助 QUIC 傍观视频时，用户陈说的重新缓存率降落了 30%。

接下来是 Chrome 的衬着管道(rendering pipeline)。这个组件用来确保网页对用户的照应同时保证每秒 60 帧的展示。为了以 60fps 的速度展示内容，Chrome 必须在 16 毫秒内衬着每帧。这其中包括了 JavaScript 脚本的实行、样式、层叠构造、绘制和向用户屏幕推送像素。在这 16 毫秒内，Chrome 应用的越少，就会留给开发人员更多的时间为用户带来更好的体验结果。我们衬着管道的完成涵盖了优化怎样确认页面上需求重新绘制的元素和更好地追踪视觉砂?醚叠元素的凑集。这个过程使得绘制新的帧图像到屏幕的时间延伸了最高 35%。

在 2015 年，Chrome 团队提出了一种名为 RAIL 的以用户为中间的功用模型。我们在近期对其履行了更新。

关于内存消耗，在 Chrome 的 63 到 66 版本之间，衬着器处理的内存应用率提升了约莫 20% 到 30%。我们渴望在站点隔离已经伏贴的情况下继续探求基于 RAIL 的构建路途。Ignition 和 TurboFan 的应用减少了 V8 引擎的全部内存占用，在 V8 支持的一切配备和平台上内存占用降落了 5%-10%。今年，有一些查询访问创造互联网上 7% 的站点因为内存透露遭到了影响，而这些问题我们已经完好修复。用来提升 Chrome 浏览器速度的组件涵盖了 DOM，CSS 和诸如 IndexedDB 的存储系统。假设想学习更多的关于我们在功用提升方面的内容，可以不时关注 Chromium 博客。

赋予 Web 开发者更多测量及优化网页的才干

了解从那边Start改进你的网站多是一个单调风趣的过程。为了供应协助，我们探求了几种Tools，用于了解用户感受到的 lab 旗帜暗号和真实体验。多年来，Chrome DevTools 功用面板成了一种可视化的办法，可直观地了解网页在实验室状况中怎样展示的方法。为了继续降落冲突以寻觅网站的功用改进的可能性，我们随后尽力于 Lighthouse —— 一个分析网站质量的Tools，为你供应网站功用的清楚怀抱标准和改进用户体验的具体指南。Lighthouse 可以直接从 DevTools Audits 面板中访问，从号召走运行，或与其他开发产品（如 WebPageTest）集成。

运转在 Chrome DevTools Audits 面板中的 Lighthouse

为了补偿 Lighthouse 供应的实验数据，我们公布了 Chrome 用户体验陈说来为开发者供应诸如初度内容绘制和初度输出延迟等关于产品应用人群的真实用户体验的数据信息。如今，开发者可以生成他们自己的特征化网站功用陈说，同时可以颠末 CrUX 仪表盘关注数百万来源的处理进度。

我们同时也引入了一些 Web 平台功用来协助开发者优化他们的站点加载功用。我们借助本钱提示符(Resource Hints) 和 <link ref=preload> 可以让开发者通知浏览器哪些关键本钱是需求尽早加载的。Chrome 是最早完成了支持诸如运用于压缩方面的 Brotli、小号网页字体的 WOFF2 和图片方面的 WebP 等字节保管方案(byte-saving)的浏览器之一。

我们很高兴看到支持上述特色的浏览器数量越来越多。Chrome 完成了 Service Workers，弃用了离线缓存和搜集弹性以用于支持重复访问网页。我们也很高兴看到该功用已经被大大大多数确当代浏览器所支持。

现实上，Google 搜索已经将 Servier Worker 和导航预加载(navigation preload)运用在了重复搜索方面的条件缓存上。而这使得重复访问的页面加载耗时功用提升了两倍。

放眼未来，我们也对关于原生的图片和内嵌框架的延迟加载等新兴标准、诸如 AV1 多么的图像格式有助于高效地向用户供应内容感到快乐。

在你的数据方案中借助 Chrome 更好的享用搜集

在过去十年，网页的数量爆发了史无前例的增加，但十分多用户是第一次应用搜集，上网流量关于他们来说可能花费庞大，也许上网速度非常慢。鉴于此，Chrome 在最近几年推出了像 Data saver 多么的具有数据看法的功用。Data saver 会智能地优化网页，节省了最多 92% 的上网流量消耗。

我们也在探求新的可以节省数据的新方法。对那些连接速度最慢的用户来说，我们已经开发出了 Android 平台上的 Chrome，可以让智能网页优化器尽早展示需求的内容。这些页面转换加载比拟于全体页面加载而言非常快，除此之外，我们也在不时的提高我们的精确性、掩饰范围和功用。

我们也在检验测验为数据也许搜集受限的用户供应一些支持和协助。例如，我们向 Chrome 中参与了原生的延迟加载机制，和为用户供应在应用大量数据时中断来自页面的其他央求的选项。

我们才刚才Start

综上，这些修改协助开发者和企业可以尽快地向他们的用户投放有效的内容。我们知道这仍需求有十分多Task要做，不才一个十年我们也将会做出更多关于页面加载功用的改进和提高。

本文中的一切译文仅用于学习和交流目的，转载请务必注明文章译者、出处、和本文链接。 2KB翻译Task依照 CC 协议，假设我们的Task有侵犯到您的权益，请及时联系我们。

2KB项目（www.2kb.com，源码交易平台）,提供担保交易、源码交易、虚拟商品、在家创业、在线创业、任务交易、网站设计、软件设计、网络兼职、站长交易、域名交易、链接买卖、网站交易、广告买卖、站长培训、建站美工等服务