为了提高浏览器的性能和用户体验,现代浏览器采用了一些技术来优化主线程的执行。本文将提供浏览器因JS耗时任务导致页面卡顿的部分解决方案。主要着重讲解requestIdleCallback(RIC)和requestAnimationFrame(RAF)。
setTimeout延迟加载 (使用不当可能适得其反)web worker多线程 (不能操作dom,主要计算密集型的任务)requestIdleCallback帧空闲时运行 (react18带
为了提高浏览器的性能和用户体验,现代浏览器采用了一些技术来优化主线程的执行。本文将提供浏览器因JS耗时任务导致页面卡顿的部分解决方案。主要着重讲解requestIdleCallback(RIC)和requestAnimationFrame(RAF)。
setTimeout 延迟加载 (使用不当可能适得其反)web worker 多线程 (不能操作dom,主要计算密集型的任务)requestIdleCallback 帧空闲时运行 (react18带
发布评论