关键是要识别显存泄漏或闪屏的具体成因：Chrome/Edge中will-change: transform在高DPI或非100%缩放下导致图层不回收、显存暴涨至2GB+触发OOM闪屏；Safari中backdrop-filter与transform嵌套引发Metal图层泄漏致WebContent进程被杀；Firefox中filter: blur()在WebRender与G-SYNC混合刷新下出现帧同步错位导致局部闪烁；须通过DevTools Layers面板（Chrome看Paint Count、Safari看Composited Layers数量、Firefox看WebRender Debug警告）验证泄漏，而非盲目禁用硬件加速。
直接禁用硬件加速不是万能解法，关键得先确认是哪一层在泄漏显存或触发闪屏——CSS的transform、filter或will-change在不同浏览器底层走的GPU路径完全不同。
Chrome/Edge中will-change: transform导致显存暴涨且滚动闪屏
这不是动画写错了，而是Chromium的zero-copy rasterizer在高DPI屏或缩放非100%时，对频繁提升图层的元素不做及时回收，显存持续上涨到2GB+后触发合成器OOM，表现为整页随机黑一下再恢复。
- 别用
will-change: transform做全局悬停优化，改用transform: translateZ(0)+opacity: 0.999组合，它只创建图层但不强制光栅化 - 在
chrome://flags里搜zero-copy rasterizer，设为Disabled；再搜gpu rasterization也关掉 - 若页面含大量卡片列表，给容器加
contain: layout paint，阻止子元素无限制升层
Safari上backdrop-filter引发Metal黑屏
macOS Monterey前的WebKit对backdrop-filter与transform嵌套极敏感，一旦触发，WebContent进程被系统强制终止，控制台无报错，仅剩音频播放——这是Metal图层泄漏后的保护性杀进程。
- 终端执行
defaults write com.apple.Safari WebKitUsesAcceleratedCompositing -bool false，然后killall Safari - 开发菜单 → 图形 → 取消勾选“启用Metal”（名称可能为“启用硬件加速”）
- 避免
backdrop-filter和animation: infinite共存；真要动效，改用animation-iteration-count: 5硬限次数
Firefox中filter: blur()滚动时局部闪动
Firefox v139.0.1起默认启用WebRender，但NVIDIA混合刷新（60Hz+G-SYNC）下，blur()图层的帧同步信号错位，造成缓冲区重绘撕裂，现象是滚动中某块区域周期性闪烁，而非全屏黑。
立即学习“前端免费学习笔记（深入）”；
- 地址栏输入
about:config→ 搜gfx.webrender.all→ 设为false - 再搜
gfx.canvas.azure.backends→ 改为cairo，强制回退CPU绘图，Blur变慢但不闪 - 不要用
filter: url(#svg-blur)，SVG滤镜在WebRender下无缓存，每次滚动都重建图层
真正麻烦的不是关掉加速，而是你得看懂DevTools里的Layers面板：Chrome看“Paint Count”，Safari看“Composited Layers”数量是否随滚动持续上涨，Firefox看“WebRender Debug”里是否有tiling警告——这些才是显存泄漏的铁证，不是靠猜。
