Меня зовут Максим, я веб-разработчик. В начале 2026 года я экспериментировал с технологией, которая через пару лет изменит подход к веб-разработке. WebGPU — новый API браузера, который даёт веб-приложениям прямой доступ к видеокарте пользователя. Не через устаревший WebGL, а через современный низкоуровневый интерфейс, сопоставимый по мощности с Vulkan и DirectX 12. Что это значит для бизнеса? 3D-визуализация уровня игрового движка — прямо на сайте. Машинное обучение на стороне клиента — без отправки данных на сервер. Обработка видео и изображений в реальном времени — в браузере. Расскажу, что уже можно делать и когда это станет мейнстримом.

Что такое WebGPU и чем он лучше WebGL

WebGL — технология 2011 года, основанная на OpenGL ES 2.0 (стандарт начала 2000-х). Она позволяет рисовать 3D-графику в браузере и до сих пор используется повсеместно (Three.js, Babylon.js работают поверх WebGL). Но у WebGL есть фундаментальные ограничения:

Однопоточность. WebGL выполняет все команды последовательно. Современные GPU могут параллелить тысячи операций — но WebGL не даёт к этому доступа.

Нет compute shaders. WebGL умеет только рисовать. Он не может использовать GPU для вычислений — а именно это нужно для машинного обучения, физических симуляций, обработки данных.

Устаревший API. Громоздкий, многословный, с глобальным состоянием — легко допустить ошибку, сложно оптимизировать.

WebGPU — новый стандарт, разработанный W3C. Он решает все эти проблемы:

Compute shaders. GPU можно использовать для произвольных вычислений: матричные операции (основа нейросетей), физические симуляции, обработка данных. Это открывает дорогу для ML в браузере.

Многопоточность. Команды отправляются на GPU пакетами (command buffers), GPU обрабатывает их параллельно. Производительность — в 3–10 раз выше WebGL для сложных сцен.

Современный API. Чистый, предсказуемый, без глобального состояния. Легче разрабатывать, легче оптимизировать.

Поддержка в 2026 году

Chrome. Полная поддержка с версии 113 (2023). Работает на Windows, macOS, ChromeOS, Android (на устройствах с Vulkan).

Firefox. Поддержка в стадии активной разработки, доступна через флаги.

Safari. Поддерживает с версии 17 (2023) — Apple была одним из инициаторов стандарта.

Edge. Аналогично Chrome (Chromium-based).

Итого: в 2026 году WebGPU поддерживается на ~70% устройств в мире. Для остальных — fallback на WebGL.

Применения WebGPU для бизнес-сайтов

3D-визуализация нового уровня

WebGL позволял показывать 3D-модели товаров — но с ограничениями: простые материалы, базовое освещение, 50 000–100 000 полигонов максимум для плавной работы.

WebGPU снимает эти ограничения: фотореалистичные материалы (PBR с ray tracing-подобными эффектами), сложные сцены из миллионов полигонов, динамическое глобальное освещение. Шоурум мебели на сайте может выглядеть как рендер из 3ds Max — но в реальном времени, с возможностью вращения и изменения.

Для моих проектов это означает: 3D-конфигураторы станут реалистичнее, тяжёлые BIM-модели можно будет просматривать в браузере, виртуальные туры будут неотличимы от фотографий.

ML-инференс в браузере

Запуск нейросетей прямо на устройстве пользователя — без отправки данных на сервер.

Практические сценарии:

Умный поиск по изображению. Пользователь фотографирует предмет — нейросеть в браузере распознаёт его и находит аналог в каталоге. Без отправки фото на сервер — приватность сохранена.

Персонализация в реальном времени. ML-модель на стороне клиента анализирует поведение и подстраивает интерфейс — без задержки на серверный запрос.

AR-эффекты. Трекинг лица/тела для виртуальной примерки — нейросеть работает на GPU устройства через WebGPU. Быстрее и плавнее, чем через WebGL.

Обработка естественного языка. Лёгкие LLM (языковые модели) можно запускать прямо в браузере: чат-бот, который работает без сервера, AI-помощник на сайте, работающий оффлайн.

Библиотека ONNX Runtime Web уже поддерживает WebGPU-бэкенд — можно запускать обученные модели в браузере с GPU-ускорением.

Визуализация данных

Для B2B-дашбордов и аналитических порталов: рендеринг графиков с миллионами точек данных. WebGL справлялся с десятками тысяч точек — WebGPU обрабатывает миллионы в реальном времени.

Интерактивные карты с сотнями тысяч объектов, научная визуализация, финансовые графики с историей за годы — всё это становится возможным в браузере без пред-агрегации данных на сервере.

Обработка изображений и видео

Фильтры, цветокоррекция, ресайз, удаление фона — всё на GPU устройства, в реальном времени. Для e-commerce: пользователь загружает фото — и сайт мгновенно удаляет фон, кадрирует, применяет стиль. Без серверных затрат.

Как я начинаю использовать WebGPU

Текущий подход: progressive enhancement

Пока WebGPU не поддерживается на 100% устройств, я использую стратегию постепенного улучшения:

  1. Проверяю поддержку: `navigator.gpu` существует?
  2. Если да — загружаю WebGPU-версию рендерера
  3. Если нет — fallback на WebGL (через Three.js с WebGLRenderer)

Three.js поддерживает WebGPU-рендерер (`WebGPURenderer`) — переключение между WebGL и WebGPU требует минимальных изменений в коде.

Инструменты и библиотеки

Three.js (r160+). Поддержка WebGPU через `WebGPURenderer` и TSL (Three.js Shading Language) — новый способ написания шейдеров, который работает и на WebGL, и на WebGPU.

Babylon.js. Ещё один популярный 3D-движок с WebGPU-поддержкой.

wgpu. Низкоуровневая Rust-библиотека для WebGPU, компилируемая в WebAssembly. Для кастомных вычислительных задач.

ONNX Runtime Web. Запуск ML-моделей с WebGPU-ускорением.

TensorFlow.js. Поддержка WebGPU-бэкенда для ML в браузере.

Когда WebGPU станет мейнстримом для бизнеса

Мой прогноз:

2026 (сейчас). Ранние адоптеры: 3D-конфигураторы премиум-сегмента, AR-примерки, визуализация данных в финтехе. Обязателен fallback на WebGL.

2027. Массовое использование в e-commerce: фотореалистичные 3D-карточки товаров, ML-поиск по фото, персонализация на стороне клиента. Fallback на WebGL ещё нужен, но для ~85% аудитории WebGPU доступен.

2028. WebGPU — стандарт де-факто для любой 3D и ML-задачи в браузере. WebGL — legacy. Появляются «тяжёлые» веб-приложения: видеоредакторы, CAD-системы, игры AAA-уровня — полностью в браузере.

Стоимость разработки

3D-визуализация с WebGPU (конфигуратор или шоурум с фотореалистичными материалами). Надбавка к стоимости WebGL-версии: +20–30%. Срок: +1–2 недели.

ML-инференс в браузере (поиск по фото, персонализация, обработка изображений). Срок: 2–6 недель. Бюджет: 200–600 тысяч рублей.

Комплексный проект (3D + ML + AR, с WebGPU и WebGL fallback). Срок: 2–4 месяца. Бюджет: 500 тысяч — 2 миллиона рублей.

Если хотите обсудить использование WebGPU на вашем сайте — обращайтесь.