跨端页面大量半透明与模糊效果叠加时应如何控制合成成本

核心结论：半透明、阴影、遮罩、模糊和圆角裁剪的性能问题，通常不只发生在绘制阶段，还会扩大离屏缓冲、像素填充、图层合成、显存占用和带宽消耗。优化目标不是机械删除视觉效果，而是先确认瓶颈位于布局、绘制、光栅还是合成，再减少受影响的像素面积、重绘频率和中间图层数量，并为低端设备及高分辨率屏幕制定可验证的降级策略。

底层机制与决策依据：Web 中某些滤镜、变换和透明效果可能触发独立合成层，但图层提升并非免费，它会增加纹理内存和上传成本；大面积背景模糊需要反复采样，滚动时尤其昂贵。原生应用中的离屏渲染、遮罩和阴影可能生成额外缓冲区。React Native 最终仍受平台视图层级、纹理上传和原生合成器约束，脚本线程空闲