Facebook的新ChromeAPI可帮助网站更快加载并保持响应速度

要闻 2020-11-26 16:49:50

Facebook Inc.的开发团队说,它与Google LLC合作,在Chrome浏览器中实现了新的JavaScript应用程序编程接口,该接口可帮助网站开发人员避免页面加载性能与输入响应能力之间的折衷。

在今天的博客中,Facebook开发人员Nate Schloss和Andrew Comminos概述了他们试图解决的问题,这是大多数浏览Web的人都可以解决的问题。

当今,大多数现代网站都使用JavaScript来呈现其页面内容,但是这样做迫使开发人员在一次加载所有内容或将其分成几部分来尽可能快地加载内容之间做出权衡。这意味着一次加载一个小块内容,在加载下一个块之前,短暂暂停一下以使该内容对输入(例如鼠标单击)做出响应。

“如果在触发输入事件时页面正在做大量工作,则页面将在处理完成后才能处理点击输入事件,” Schloss和Comminos说。

因此,网站开发人员被迫在更快的整体加载性能,更慢的输入响应速度,更好的响应速度和更慢的加载时间之间进行选择。

Facebook着手消除这种折衷,创建了所谓的“ isInputPending API ”,该API可以改善网站的响应速度而不会降低浏览器的性能,这意味着短暂停止页面加载以检查并响应任何鼠标单击。

isInputPending API引入了一种新的网站加载方法,即Facebook所谓的“用户输入中断概念”,它实质上允许JavaScript检查鼠标单击而不会在加载页面时中断。

Schloss和Comminos在其博客文章中深入探讨了isInputPending API的工作原理,但是最终用户需要了解的最重要的事情是它的工作原理,并且开发人员现在可以在自己的网站上实现它。

Schloss and Comminos说:“这是Facebook首次构建新的Web API,并将其从构想转变为标准提案,再到在浏览器中实际交付。”

在Chrome 87版本中,默认情况下现已提供isInputPending API。

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时候联系我们修改或删除,多谢