谷歌浏览器的极速模式更多细节公布 阻止大型资源提高整体加载速度

Windows 10 Version 1903

向来追求速度的谷歌浏览器不会放弃继续提高加载速度,当然占用更多的硬件资源也是谷歌面临的头疼问题。

如何既可以提高加载速度又可以降低资源占用是谷歌的目标,于是新的极速模式 (轻微快速模式)也应运而生。

蓝点网此前的文章中已经对极速模式进行过介绍,不过当时这只是构想所以谷歌也并没有透露太多细节内容。

现在看起来谷歌浏览器应该是准备推出极速模式,所以现在关于这个模式的细节以及开发标准等等已经公布。

注:此功能与国内浏览器的极速模式原理和技术方案都不同,国内极速模式就是 IE/Chromium 内核切换罢。

Never Slow Mode/极速模式/轻微快速模式:

极速模式允许网站在标头中进行声明,当Chromium系列的浏览器读取到这个声明后就会自动使用极速模式。

当然想要使用极速模式对于网站开发者来说可能会增加额外工作,但是可以提高加载速度和用户体验也值得。

同时当网站以极速模式进行加载时地址栏会显示对应的加载标志,提醒用户此网站正在以极速模式进行加载。

极速模式有助于让浏览器丢弃某些体积太大的资源,同时降低浏览器的硬件资源占用降低加载时的卡顿现象。

谷歌浏览器的极速模式更多细节公布 阻止大型资源提高整体加载速度

可能会轻微影响网站的正常加载:

正常情况下网站使用的脚本以及图像资源可能都是必须的,尤其是部分样式表若不加载可能出现排版的问题。

所以开发者应该在启用极速模式前对网站进行改造,满足极速模式的要求后再启用此模式以为用户提高体验。

同时极速模式在用户交互的情况下可以创建更多预算,这意味着用户进行滚动时会释放限制并加载更多资源。

以交互方式为网站提高资源预算尽可能降低对网站的加载影响,当然最终开发者还是要进行提前测试和改造。

各类资源的加载上限:

超过单个或累积上限的资源必须在用户进行交互的情况下才能加载,具体不同类型的资源限制情况有所不同。

类型 单个资源限制 累积资源限制 范围
Connections n/a 10 document
<iframe> n/a 10, depth 2 global
Script 50 KiB 500 KiB document
External Stylesheets 100 KiB 200 KiB document
Web Fonts 100 KiB 100 KiB document
Images 1 MiB 2 MiB document
Main-thread Execution n/a 200ms document

在交互情况下的资源限制:

前面我们提到虽有资源加载限制但是有交互的情况下可以创建更多硬件预算,但即便如此交互后也还有限制。

具体不同类型的资源限制也有所不同,例如CSS表单个限制100KB然后每个交互后其加载限制扩展到200KB。

字体资源每限制为100KB在交互后后继续提高100KB,谷歌解释称本身字体较大且不属于需立即加载的内容。

图片资源加载限制单个为 1MB在交互后限制被提高至 2MB,正常情况下多数网站的图片都应该小于此限制。

尚不清楚何时开始测试:

目前标准发布需要等待网站开发者们进行改造和适配,到时候最先被测试的依然是谷歌浏览器金丝雀测试版。

当前金丝雀版中已经有极速模式的相关实验性功能,只不过暂时开启后也没有任何变化所以还没法进行体验。

有兴趣的Web平台开发者可以点击这里查看详细说明:https://github.com/slightlyoff/never_slow_mode/

本文由来源 蓝点网,由 山外的鸭子哥 整理编辑,其版权均为 蓝点网 所有,文章内容系作者个人观点,不代表 蓝点网 对观点赞同或支持。如需转载,请注明文章来源。
1
topgamer
哇哦恭喜您已成功屏蔽了蓝点网的小广告
   

评论:

3 条评论,访客:2 条,站长:1 条
  1. iruanmi
    iruanmi发布于: 
    Google Chrome 72.0.3626.121 Google Chrome 72.0.3626.121 Windows 10 64位版 Windows 10 64位版

    有些网站的js 非常占资源。这个好像是没法搞的

发表评论