在优化Unity WebGL项目时，开发者通常会把精力放在多边形数量、Draw Call、纹理尺寸和着色器复杂度上，却常常忽略一个会悄悄拉低性能的隐形因素：UI过度绘制（Overdraw）。

过度绘制的定义很简单：同一屏幕像素在一帧内被重复渲染多次。以1920×1080的WebGL游戏界面为例，若一个像素同时被全屏背景、半透明遮罩、半透明面板、装饰、按钮底图、图标和文字这7层元素覆盖，GPU就要对同一个像素完成7次处理。界面看起来不复杂，渲染开销却成倍增加。

Unity的图形文档明确提醒，透明UI、精灵和粒子是过度绘制的常见来源。当填充率成为GPU瓶颈时，必须识别并减少不必要的重叠渲染。也就是说，UI层级越多、透明面积越大，GPU浪费在重复像素上的算力就越可观。

这个问题在WebGL环境里更加严重。WebGL运行在浏览器中，受沙箱、浏览器合成和跨设备适配等额外约束，GPU性能余量比原生应用更紧。一旦大量像素被反复绘制，帧率下降、画面迟滞甚至设备发热都会随之出现，而用户往往只会觉得“游戏卡”，很难想到罪魁祸首是层层叠加的UI。

要控制UI过度绘制，可以从减少全屏透明覆盖层、合并相邻UI元素、避免大范围半透明面板、优化UI图集和精简层级入手。开发者不应只盯着Draw Call和三角形数量，也要在性能分析器中关注填充率指标。对Unity WebGL来说，少画一层看不见的透明像素，有时比优化几十个多边形更管用。