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

3 月 22 日消息，谷歌日前发布了 Chrome 123 稳定版更新，其中引入了全新的 Long Animation Frames API（LoAF），有望解决动画拖慢网页速度的问题。

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

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

图源：debugbear

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

附上参考地址

  • Long Animation Frames API

  • Chrome 123 的新变化

  • Measuring Long Animation Frames (LoAFs) In The Browser

Published by

风君子

独自遨游何稽首 揭天掀地慰生平