谷歌 Chrome 123 浏览器启用新 API:缓解动画拖慢网页速度问题

谷歌于 Chrome 116 版本中开始测试,于近日发布的 Chrome 123 版本中正式上线。该 API 是 Long Tasks API 的增强版本,主要用于诊断网站响应能力问题,帮助您找出主线程拥塞的原因。

谷歌调用这个新的 API 可以衡量阻塞工作,不是测量单个任务,而是测量长动画帧(是指渲染更新延迟超过 50 毫秒),并添加长时间运行的脚本、渲染时间以及强制布局和样式所花时间(称为布局抖动)等信息。

图源:debugbear

Chrome 浏览器通过收集和分析这些信息,您可以找出性能瓶颈关键并排查问题,这样即使网页同时播放多个动画区域,也能有效提高网页的运行速度。

IT之家附上参考地址

  • Long Animation Frames API

  • Chrome 123 的新变化

  • Measuring Long Animation Frames (LoAFs) In The Browser

广告声明:文内含有的对外跳转链接(包括不限于超链接、二维码、口令等形式),用于传递更多信息,节省甄选时间,结果仅供参考,IT之家所有文章均包含本声明。

未经允许不得转载:新聚网 » 谷歌 Chrome 123 浏览器启用新 API:缓解动画拖慢网页速度问题

赞 (0) 打赏