谷歌 Chrome 123 浏览器启用新 API:缓解动画拖慢网页速度问题
时间:2024-03-22
来源:未知
作者:Gushan
谷歌日前发布了 Chrome 123 稳定版更新,其中引入了全新的 Long Animation Frames API(LoAF),有望解决动画拖慢网页速度的问题。
谷歌于 Chrome 116 版本中开始测试,于近日发布的 Chrome 123 版本中正式上线。该 API 是 Long Tasks API 的增强版本,主要用于诊断网站响应能力问题,帮助您找出主线程拥塞的原因。
谷歌调用这个新的 API 可以衡量阻塞工作,不是测量单个任务,而是测量长动画帧(是指渲染更新延迟超过 50 毫秒),并添加长时间运行的脚本、渲染时间以及强制布局和样式所花时间(称为布局抖动)等信息。
Chrome 浏览器通过收集和分析这些信息,您可以找出性能瓶颈关键并排查问题,这样即使网页同时播放多个动画区域,也能有效提高网页的运行速度。