4. 渲染管线：从CPU到GPU的完整渲染流程
说实话，很多做图像优化的朋友，一上来就盯着GPU调参数。但帧率卡顿的根子，往往在CPU那头。我个人习惯，遇到性能问题先画一遍渲染管线——把数据从CPU走到屏幕的每一步都列出来，再找瓶颈。
渲染管线，说白了就是「数据怎么变成像素」的流水线。它分两大段：CPU负责准备数据，GPU负责画图。这两兄弟配合不好，帧率就崩了。
4.1 管线的两个大阶段
我习惯把渲染管线拆成两个阶段来看：
| 阶段 | 负责方 | 核心工作 | 常见瓶颈 |
|---|---|---|---|
| 应用阶段 | CPU | 场景管理、碰撞检测、动画更新、提交绘制命令 | Draw Call 过多、逻辑计算超时 |
| 渲染阶段 | GPU | 顶点处理、光栅化、像素着色、输出合并 | 像素填充率不足、带宽瓶颈 |
你想想看，CPU 和 GPU 是异步工作的。CPU 把命令塞进一个叫「命令缓冲区」的地方，GPU 排队取活干。如果 CPU 塞得太慢，GPU 就空转——帧率自然上不去。
核心观点：渲染管线的吞吐量，取决于 CPU 和 GPU 中较慢的那一个。优化就是让两边都别闲着。
4.2 CPU 阶段：应用与几何准备
CPU 阶段的工作，我把它归纳为三步：
- 应用逻辑更新——处理输入、物理、AI、动画。这一步如果超过 16ms（60fps 的预算），后面再怎么优化都没用。
- 场景剔除——只把摄像机看得见的东西交给 GPU。视锥剔除、遮挡剔除都在这里做。
- 提交绘制命令——CPU 把每个物体的网格、材质、变换矩阵打包成 Draw Call，塞进命令缓冲区。
我曾经接手过一个项目，场景里只有几百个物体，帧率却只有 20fps。查了半天，发现每个小物件都单独提交了一个 Draw Call。合并之后，Draw Call 从 800 降到了 60，帧率直接翻了三倍。
经验之谈：Draw Call 是 CPU 阶段最大的敌人。每帧超过 200 个 Draw Call，CPU 就开始吃力了。用合批（Batching）技术，把多个小网格拼成一个大的，能大幅降低 CPU 开销。
4.3 GPU 阶段：从顶点到像素
GPU 拿到命令后，开始走自己的流水线。我把它画成了一张图，你看一眼就明白了：
每个阶段都有它的性能特征：
- 顶点着色器——处理每个顶点。模型面数越多，这里越慢。我建议用 LOD（细节层次）技术，远处用低模，近处用高模。
- 光栅化——把三角形变成像素片段。这一步是硬件做的，我们基本动不了。但分辨率越高，生成的片段越多。
- 片段着色器——处理每个像素。复杂的材质、多张纹理采样、动态分支，都会让这里变慢。
- 输出合并——深度测试、透明度混合。Overdraw（重复绘制）是这里的杀手。
避坑指南：我曾经在片段着色器里写了一个循环，遍历 16 张纹理做混合。结果在 4K 分辨率下，每帧光片段着色器就跑了 30ms。后来改成预计算 + 查表，直接降到 2ms。记住：片段着色器里别写循环，别做复杂数学运算。
4.4 CPU 与 GPU 的同步问题
CPU 和 GPU 是异步的，但有些操作会强制同步。比如：
- 读取 GPU 数据——比如用 glReadPixels 读屏幕像素。CPU 必须等 GPU 画完才能读。
- 资源更新——频繁更新缓冲区（比如每帧上传新的顶点数据），会让 CPU 等 GPU 释放资源。
我见过最典型的案例：一个团队在每帧都调用 glReadPixels 做屏幕截图。结果 CPU 被卡住，帧率直接掉到个位数。解决方案很简单——改成每 30 帧截一次，或者用异步回读。
优化建议：尽量让 CPU 和 GPU 各干各的。CPU 提前准备下一帧的数据，GPU 处理当前帧。用双缓冲或三缓冲技术，让流水线满负荷运转。
4.5 完整的渲染管线全景
把上面所有阶段串起来，就是完整的渲染管线：
嗯，这里要注意：命令缓冲区的大小是有限的。如果 CPU 提交太快，缓冲区满了，CPU 就得等。反过来，如果 GPU 处理太慢，缓冲区空了，GPU 就空转。理想状态是两者刚好平衡。
4.6 调试渲染管线的实用方法
我平时调试渲染管线，会用这几个工具和方法：
- GPU 性能分析器——比如 RenderDoc、NVIDIA Nsight、Xcode Instruments。它们能告诉你每个阶段花了多少时间。
- CPU 性能分析器——比如 Intel VTune、Unity Profiler。看 CPU 在渲染上花了多少时间，Draw Call 有多少。
- 手动插桩——在代码里加时间戳，测量关键阶段的耗时。我习惯在提交 Draw Call 前后各打一个时间戳。
调试口诀：先看 CPU 还是 GPU 慢，再看具体哪个阶段慢，最后针对性优化。别一上来就调纹理压缩，可能瓶颈根本不在那里。
举个例子。有一次我调试一个 VR 应用，帧率只有 45fps。用 GPU 分析器一看，片段着色器占了 12ms，顶点着色器只有 2ms。问题出在像素填充率上。我把渲染分辨率从 150% 降到 100%，帧率立刻跳到 90fps。你看，找到瓶颈，优化就简单了。