createImageBitmap 相比直接 new Image 解码，在 Canvas 高频绘制中解决什么问题？
围绕“createImageBitmap 相比直接 new Image 解码，在 Canvas 高频绘制中解决什么问题”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖判断时要说明可提前解码、可控制 resize/colorSpace 并便于 Transferable。
核心关键词createImageBitmap Image Canvas 解码 性能
面试知识索引 · 分类、标签与搜索
浏览器 · 性能优化面试题，16 道完整答案
浏览器 · 性能优化面试题第 1 页，显示第 1–16 题，共找到 16 道完整解析，可继续按分类、标签与关键词缩小范围。
16筛选结果
52技术分类
178检索标签
1索引分页
快速定位
清除全部筛选分类、标签与关键词搜索
第 1 页
本页面试问题
按稳定语义路径排序
- 0001
- 0002
CanvasRenderingContext2D.filter 能直接替代离线预处理图片滤镜吗，边界是什么？
围绕“CanvasRenderingContext2D.filter 能直接替代离线预处理图片滤镜吗，边界是什么”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答要按支持度、每帧重复求值成本与离屏缓存决策。
核心关键词Canvas filter ctx.filter 兼容性 性能 - 0003
频繁整幅 getImageData/putImageData 的瓶颈在哪里，什么局部策略能降低主线程压力？
围绕“频繁整幅 getImageData/putImageData 的瓶颈在哪里，什么局部策略能降低主线程压力”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕必须定位 GPU 回读与 RGBA 内存拷贝。
核心关键词Canvas getImageData putImageData 性能 像素 - 0004
CanvasRenderingContext2D.save/restore 滥用为什么会让绘制变慢，应如何界定栈边界？
围绕“CanvasRenderingContext2D.save/restore 滥用为什么会让绘制变慢，应如何界定栈边界”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖判断时要说明保存的是裁剪、变换、样式等大状态且配对成本随嵌套放大。
核心关键词Canvas save restore 状态栈 性能 - 0005
<input type=file> 的 accept 属性能否当作安全校验，失败体验应怎样兜底？
本文解释 input accept 属性的本质是选择提示而非安全边界，给出其可被绕过的情况。说明如何在前端通过 File.type 和扩展名进行辅助校验，并强调服务端校验的必要性，以及失败时的用户提示和体验兜底。
核心关键词input file accept 属性 校验 - 0006
CSS contain 属性的 layout、paint、size 等取值如何让浏览器缩小一次样式变更的重算范围？
围绕“CSS contain 属性的 layout、paint、size 等取值如何让浏览器缩小一次样式变更的重算范围”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 containment 告诉浏览器子树与外部互不影响从而限制回流/重绘边界，且 size 需给定尺寸的前提。
核心关键词CSS contain 布局隔离 渲染性能 - 0007
什么是强制同步布局，在循环里交替写样式和读 offsetHeight 会造成什么后果、如何定位这类问题？
围绕“什么是强制同步布局，在循环里交替写样式和读 offsetHeight 会造成什么后果、如何定位这类问题”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要解释循环读写使浏览器每轮被迫提前布局的开销特征，以及用 Performance 面板识别长 Layout 的思路。
核心关键词强制同步布局 layout thrashing 性能诊断 - 0008
如何用 PerformanceLongTaskTiming 监测页面长任务，50ms 阈值是怎么来的、attribution 能定位到什么粒度？
围绕“如何用 PerformanceLongTaskTiming 监测页面长任务，50ms 阈值是怎么来的、attribu”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须给出 PerformanceObserver 监听 longtask 的接入方式、阈值来源及归因只能到任务容器级别的限制。
核心关键词Long Tasks API 长任务监测 50ms attribution - 0009
用 PerformanceNavigationTiming 能拆解出页面加载的哪些阶段，TTFB 偏长应看其中哪几个时间戳？
围绕“用 PerformanceNavigationTiming 能拆解出页面加载的哪些阶段，TTFB 偏长应看其中哪几个”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答要按时间轴解释 redirect、DNS、TCP、request/response、domInteractive 等字段并能定位 T。
核心关键词PerformanceNavigationTiming TTFB 加载阶段拆解 - 0010
PerformancePaintTiming 提供的 first-paint 与 first-contentful-paint 有什么区别，FCP 偏晚通常意味着什么？
围绕“PerformancePaintTiming 提供的 first-paint 与 first-contentful-”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须区分任意像素首绘与首个内容（文本、图片、canvas）绘制，并能把 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 动画 合成线程 性能 - 0013
什么时候应该用 IndexedDB 游标而不是直接用 get 或 index？
围绕“什么时候应该用 IndexedDB 游标而不是直接用 get 或 index”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须给出范围扫描和分页场景。
核心关键词IndexedDB 游标适用场景与性能 - 0014
localStorage 存储中 JSON 序列化和深层嵌套有什么问题？
围绕“localStorage 存储中 JSON 序列化和深层嵌套有什么问题”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须讨论性能与数据大小边界，以及备用方案。
核心关键词localStorage 存 JSON 嵌套对象的问题 - 0015
用 Transferable 对象（如 ArrayBuffer）在 Worker 间传递数据，有什么性能和安全优势？
本题解释 Transferable 对象（如 ArrayBuffer）在 Worker postMessage 中的零拷贝传递原理：共享所有权转移而非复制，原上下文对象被分离；对比结构化克隆，突出性能与安全优势，并给出使用边界和一些可转移对象类型。
核心关键词Transferable ArrayBuffer 零拷贝传递 - 0016
DocumentFragment 是用来解决什么问题的？
围绕“DocumentFragment 是用来解决什么问题的”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明它作为轻量级容器避免多次重排和性能问题，但不适于实际插入。
核心关键词DocumentFragment 作用