专栏名称: 前端大全
分享 Web 前端相关的技术文章、工具资源、精选课程、热点资讯
今天看啥  ›  专栏  ›  前端大全

Chrome 129:正式推出原生的 “时间切片” 能力!

前端大全  · 公众号  · 前端  · 2024-09-25 11:50

文章预览

最近 Chrome 发布了 129 正式版本,其中包括了几项值得我们关注的更新,今天一起来学习下。 【Web API】scheduler.yield() JS 执行耗时较长的任务会让浏览器响应用户输入的能力变得更慢,使人觉得网站卡顿,并影响 INP 等关键性能指标。 借助最新推出的 scheduler.yield() ,我们可以将耗时较长的任务分解为较小的任务块,通过明确返回主线程来提高响应能力。 scheduler.yield() 在 Chrome 115 版本开始推出试用版,并在当前版本正式推出稳定版本。 直白点讲, scheduler.yield() 的作用就是告诉浏览器: “我即将要做的工作可能需要很长一段时间,如果你需要渲染页面、响应用户输入或有其他更重要多任务,没关系,我可以等你们做完再继续!” 我们可以模拟一堆需要一定耗时的长任务: // 示例任务函数 async   function   validateForm ( )  {    // 模拟任务延迟    ………………………………

原文地址:访问原文地址
快照地址: 访问文章快照
总结与预览地址:访问总结与预览