createImageBitmap 相比直接 new Image 解码，在 Canvas 高频绘制中解决什么问题？
createImageBitmap 相比直接 new Image 解码，在 Canvas 高频绘制中解决什么问题？ 本文先给出可直接复述的结论，再用最小代码说明createImageBitmap Image Canvas 解码 性能的工作方式、判断依据、项目边界和常见误区。
核心关键词createImageBitmap Image Canvas 解码 性能
面试知识索引 · 分类、标签与搜索
浏览器 · 性能优化面试题，16 道完整答案
浏览器 · 性能优化面试题第 1 页，显示第 1–16 题，共找到 16 道完整解析，可继续按分类、标签与关键词缩小范围。
16筛选结果
52技术分类
178检索标签
1索引分页
快速定位
清除全部筛选分类、标签与关键词搜索
第 1 页
本页面试问题
按稳定语义路径排序
- 0001
- 0002
CanvasRenderingContext2D.filter 能直接替代离线预处理图片滤镜吗，边界是什么？
CanvasRenderingContext2D.filter 能直接替代离线预处理图片滤镜吗，边界是什么？ 本文先给出可直接复述的结论，再用最小代码说明Canvas filter ctx.filter 兼容性 性能的工作方式、判断依据、项目边界和常见误区。
核心关键词Canvas filter ctx.filter 兼容性 性能 - 0003
频繁整幅 getImageData/putImageData 的瓶颈在哪里，什么局部策略能降低主线程压力？
频繁整幅 getImageData/putImageData 的瓶颈在哪里，什么局部策略能降低主线程压力？ 本文先给出可直接复述的结论，再用最小代码说明Canvas getImageData putImageData 性能 像素的工作方式、判断依据、项目边界和常见误区。
核心关键词Canvas getImageData putImageData 性能 像素 - 0004
CanvasRenderingContext2D.save/restore 滥用为什么会让绘制变慢，应如何界定栈边界？
CanvasRenderingContext2D.save/restore 滥用为什么会让绘制变慢，应如何界定栈边界？ 本文先给出可直接复述的结论，再用最小代码说明Canvas save restore 状态栈 性能的工作方式、判断依据、项目边界和常见误区。
核心关键词Canvas save restore 状态栈 性能 - 0005
<input type=file> 的 accept 属性能否当作安全校验，失败体验应怎样兜底？
<input type=file> 的 accept 属性能否当作安全校验，失败体验应怎样兜底？ 本文先给出可直接复述的结论，再用最小代码说明input file accept 属性 校验的工作方式、判断依据、项目边界和常见误区。
核心关键词input file accept 属性 校验 - 0006
CSS contain 属性的 layout、paint、size 等取值如何让浏览器缩小一次样式变更的重算范围？
CSS contain 属性的 layout、paint、size 等取值如何让浏览器缩小一次样式变更的重算范围？ 本文先给出可直接复述的结论，再用最小代码说明CSS contain 布局隔离 渲染性能的工作方式、判断依据、项目边界和常见误区。
核心关键词CSS contain 布局隔离 渲染性能 - 0007
什么是强制同步布局，在循环里交替写样式和读 offsetHeight 会造成什么后果、如何定位这类问题？
什么是强制同步布局，在循环里交替写样式和读 offsetHeight 会造成什么后果、如何定位这类问题？ 本文先给出可直接复述的结论，再用最小代码说明强制同步布局 layout thrashing 性能诊断的工作方式、判断依据、项目边界和常见误区。
核心关键词强制同步布局 layout thrashing 性能诊断 - 0008
如何用 PerformanceLongTaskTiming 监测页面长任务，50ms 阈值是怎么来的、attribution 能定位到什么粒度？
如何用 PerformanceLongTaskTiming 监测页面长任务，50ms 阈值是怎么来的、attribution 能定位到什么粒度？ 本文先给出可直接复述的结论，再用最小代码说明Long Tasks API 长任务监测 50ms attribution的工作方式、判断依据、项目边界和常见误区。
核心关键词Long Tasks API 长任务监测 50ms attribution - 0009
用 PerformanceNavigationTiming 能拆解出页面加载的哪些阶段，TTFB 偏长应看其中哪几个时间戳？
用 PerformanceNavigationTiming 能拆解出页面加载的哪些阶段，TTFB 偏长应看其中哪几个时间戳？ 本文先给出可直接复述的结论，再用最小代码说明PerformanceNavigationTiming TTFB 加载阶段拆解的工作方式、判断依据、项目边界和常见误区。
核心关键词PerformanceNavigationTiming TTFB 加载阶段拆解 - 0010
PerformancePaintTiming 提供的 first-paint 与 first-contentful-paint 有什么区别，FCP 偏晚通常意味着什么？
PerformancePaintTiming 提供的 first-paint 与 first-contentful-paint 有什么区别，FCP 偏晚通常意味着什么？ 本文先给出可直接复述的结论，再用最小代码说明PerformancePaintTiming FP FCP 首次绘制的工作方式、判断依据、项目边界和常见误区。
核心关键词PerformancePaintTiming FP FCP 首次绘制 - 0011
给 touchstart、wheel 监听加 passive:true 为什么能改善滚动流畅度，加上之后代码里不能再做什么？
给 touchstart、wheel 监听加 passive:true 为什么能改善滚动流畅度，加上之后代码里不能再做什么？ 本文先给出可直接复述的结论，再用最小代码说明passive 事件监听 滚动性能 preventDefault的工作方式、判断依据、项目边界和常见误区。
核心关键词passive 事件监听 滚动性能 preventDefault - 0012
为什么用 transform 和 opacity 做动画通常比修改 top/left 或 width 更流畅？
为什么用 transform 和 opacity 做动画通常比修改 top/left 或 width 更流畅？ 本文先给出可直接复述的结论，再用最小代码说明transform opacity 动画 合成线程 性能的工作方式、判断依据、项目边界和常见误区。
核心关键词transform opacity 动画 合成线程 性能 - 0013
什么时候应该用 IndexedDB 游标而不是直接用 get 或 index？
什么时候应该用 IndexedDB 游标而不是直接用 get 或 index？ 本文先给出可直接复述的结论，再用最小代码说明IndexedDB 游标适用场景与性能的工作方式、判断依据、项目边界和常见误区。
核心关键词IndexedDB 游标适用场景与性能 - 0014
localStorage 存储中 JSON 序列化和深层嵌套有什么问题？
localStorage 存储中 JSON 序列化和深层嵌套有什么问题？ 本文先给出可直接复述的结论，再用最小代码说明localStorage 存 JSON 嵌套对象的问题的工作方式、判断依据、项目边界和常见误区。
核心关键词localStorage 存 JSON 嵌套对象的问题 - 0015
用 Transferable 对象（如 ArrayBuffer）在 Worker 间传递数据，有什么性能和安全优势？
用 Transferable 对象（如 ArrayBuffer）在 Worker 间传递数据，有什么性能和安全优势？ 本文先给出可直接复述的结论，再用最小代码说明Transferable ArrayBuffer 零拷贝传递的工作方式、判断依据、项目边界和常见误区。
核心关键词Transferable ArrayBuffer 零拷贝传递 - 0016
DocumentFragment 是用来解决什么问题的？
DocumentFragment 是用来解决什么问题的？ 本文先给出可直接复述的结论，再用最小代码说明DocumentFragment 作用的工作方式、判断依据、项目边界和常见误区。
核心关键词DocumentFragment 作用