Производительность 3D

Когда использовать

Keep interactive 3D responsive on constrained devices.

Решения для реализации

1. Mount the selected gallery scene only instead of one WebGL context per card.
2. Start with modest segments and profile before adding postprocessing.
3. Lazy-load Three.js and avoid allocations inside the loop.
4. Pause offscreen and release resources when closing the scene.

Как проверить результат

• One gallery has at most one active renderer.
• Hidden-tab and reduced-motion behavior are handled.
• The shell does not eagerly load Three.js.

Работающий пример

Файлы