Performance en WebGL
LECTURA
~15 min
TAGS
BenchOpt
ACTUALIZADO
2024-09-12
Estrategias probadas para escenas WebGL que mantienen 60fps en dispositivos mid-tier.
01· Diagnóstico
Antes de optimizar: mide. RenderDoc + Chrome DevTools > suposiciones.
02· Draw calls
Instancing reduce 200 draw calls a 1. La diferencia es el techo de rendimiento.
const mesh = new THREE.InstancedMesh(geo, mat, count);
mesh.setMatrixAt(i, matrix);03· Shaders
Evita branching dinámico. Compila variantes en build time.