Бюджет тяжёлых 3D-сцен

Загрузка по выбору, 1K-карты, один рендерер и очистка.

3D / WebGLperformancelazyWebGLмодели

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

Integrate detailed downloaded models without loading an entire gallery into GPU memory.

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

  1. Use provider posters in the gallery. Create a WebGL renderer only after a user opens an asset scene.
  2. Show available geometry and download-size metadata. Start with 1K maps; allow the original high-resolution files separately.
  3. Cap DPR and pause frame work when hidden or outside the viewport. Keep long-lived textures in an owned set with explicit disposal.
  4. Never claim a scan is web-optimized just because it loads. Inspect topology and texture cost; simplify, compress and validate only when the target project requires it.

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

  • Opening the catalog does not download all model binaries.
  • Navigating away releases the renderer and GPU resources.
  • Loading failures offer a retry and the original provider link.

Файлы

SKILL.mdcomponents/asset-viewer.tsx
WEBCRAFT © 2026Оригинальные исходники и интерактивные примерыMIT License