谷歌宣布了一项用于 Chrome 的新技术,该技术可以创建网页的交互式快照,从而加快用户体验。Chrome 将其称为冷冻干燥标签,现在正在使用中。
谷歌所做的不仅仅是截图占位符。它更像是屏幕截图的混合体,因为它可以滚动并且可以单击链接。当实际页面完成下载后,Google 会无缝过渡到实际网页。
这个想法是通过向网站访问者展示带有功能链接和用户可以滚动浏览的内容的屏幕截图来加快网站访问者的网络体验。
更快地在移动设备上显示网站
交付网站的过程很慢,因为需要加载所有不同的部分,例如原始 HTML、CSS、JavaScrip 和字体(它们本身存在多个问题)。
Chrome 的解决方案是显示交互式屏幕截图。
冻干浏览器标签
谷歌将这种屏幕截图和交互式网页的新混合体称为冻干标签。
冷冻干燥的浏览器标签是提供网页的新方式,但它并未针对 Chrome 用户访问的每个网站显示。
相反,这是一种加速过渡时刻的解决方案,例如在选项卡之间切换或在浏览器启动期间切换。
根据有关它的 Chrome 博客文章:
“与原生应用程序相比,渲染 Web 内容可能需要大量计算,并且有时会感觉很慢。
需要做很多工作来通过网络动态加载资源、运行 JavaScript、渲染 CSS、字体等。
在移动设备上,这尤其具有挑战性,由于设备的内存限制,Chrome 通常一次只能加载少量网页。
这就引出了一个问题:当情况需要时,是否有一种更轻量级的方式来表示 Web 内容——例如,在标签切换器之类的过渡 UI 中,或者在启动期间发生大量热身工作时。”
在正常的 Chrome App 冷启动下,加载一个网页大约需要 3.4 秒。
测试表明,用户体验得到了改善,加载时间提高了 20%,平均 2.8 秒即可显示所有网页。
必须强调的是,这会将整个页面呈现为冻干状态,包括视口下方的内容(站点访问者必须滚动才能看到的部分)。
该解决方案的一个显着质量是,当冻干标签转换到实时站点时,布局不会发生变化。
该公告解释了他们如何做到这一点:
“为了冻干网页,我们将页面的视觉状态捕获为一组矢量图形以及任何超链接。
然后,我们可以通过简单地对矢量图形进行光栅化,以更轻量级的方式“重构”(回放)这些矢量图形。
这降低了显示完整网页(包括视口之外的内容)的渲染成本,并且仍然支持超链接。”
冻干标签在 Chrome 中上线
这种加快交互式网页创建速度的技术目前正在 Chrome 浏览器中使用。
虽然它目前仅用于冷启动情况,但 Chrome 团队表示他们正在研究可以在其他地方使用它。
这对所有网络发布商来说都是个好消息,因为这可能意味着网站访问者的页面加载速度更快,这可能会导致更高的访问者满意度。