ITCOW牛新网 3月22日消息,谷歌近日发布了Chrome 123稳定版更新,其中最受关注的改进是引入了全新的Long Animation Frames API(简称LoAF)。这一API的引入有望彻底解决动画拖慢网页速度的问题,为用户带来更加流畅的网络浏览体验。

谷歌Chrome 123稳定版更新

据了解,谷歌早在Chrome 116版本中就开始对这一新API进行测试。经过多个版本的迭代和优化,终于在Chrome 123中正式上线。LoAF作为Long Tasks API的增强版本,其主要功能是诊断网站响应能力问题,帮助开发者找出导致主线程拥塞的根本原因。

谷歌Chrome 123稳定版更新
图源:debugbear

与传统的性能测量方法不同,LoAF不是简单地测量单个任务的执行时间,而是专注于测量长动画帧。所谓长动画帧,是指渲染更新的延迟超过50毫秒的帧。这种延迟通常会导致动画播放不流畅,严重影响用户体验。通过LoAF,谷歌能够更精确地衡量这些长动画帧对网页性能的影响。

谷歌Chrome 123稳定版更新
图源:debugbear

此外,LoAF还提供了更多关于网页性能的有价值信息。它可以追踪和记录长时间运行的脚本、渲染时间以及强制布局和样式所花费的时间(这被称为布局抖动)。

Chrome浏览器通过收集和分析这些信息,使用户和开发者能够更清晰地了解网页性能的实际状况。即使网页同时播放多个动画区域,也能通过优化和调整相关代码和资源,有效提高网页的运行速度。