谷歌最近发布了Chrome 123稳定版更新,其中引入了全新的Long Animation Frames API(LoAF),有望解决动画拖慢网页速度的问题。
LoAF:解决网页动画延迟问题
谷歌自Chrome 116版本开始测试LoAF,如今在近日发布的Chrome 123版本中正式上线。这项API是Long Tasks API的增强版本,旨在诊断网站响应能力问题,帮助用户找出主线程拥塞的原因。
主要功能与作用
谷歌调用这个新的API可以衡量阻塞工作,不是测量单个任务,而是测量长动画帧,即渲染更新延迟超过50毫秒。它还提供了长时间运行的脚本、渲染时间以及强制布局和样式所花时间(称为布局抖动)等信息。
性能优势与应用场景
Chrome浏览器通过收集和分析这些信息,用户可以找出性能瓶颈关键并排查问题。即使网页同时播放多个动画区域,也能有效提高网页的运行速度,从而提升用户体验。
谷歌Chrome 123的发布将为网页开发者提供更强大的工具,帮助他们优化网页性能,提升用户体验。LoAF的引入标志着谷歌在浏览器技术领域的不断创新,相信这项API将为网页动画的流畅性和响应性带来重大改进!