Попробуйте Flutter Web с WebAssembly Week

Вот важная новость с фронта ИИ: lil_master 31 минуту назад Попробуйте Flutter Web с WebAssembly Week Простой 4 мин 931 Dart * Flutter * WebAssembly * Программирование * Разработка мобильных приложений * Дайджест Перевод Автор оригинала: Kevin Moore Добро пожаловать на Неделю знакомства с Flutter Web и WebAssembly! Flutter позволяет создавать выразительные многоплатформенные приложения из единой кодовой базы. Независимо от того, разрабатываете ли вы панель управления, инструмент для своей команды или полноценное веб-приложение, Flutter Web дает вам возможность адаптировать ваше приложение для любого браузера.

С 17 по 21 августа мы проводим Неделю тестирования Flutter Web с WebAssembly ! В течение недели инженеры Dart и Flutter будут в режиме реального времени обрабатывать поступающие запросы, чтобы помочь в миграции, а наша команда по связям с разработчиками будет делиться вашими успехами в каналах сообщества. Это перевод новости, которая вышла сразу после анонса 17 августа, срок недели уже прошел, но я оставил это в переводе дабы не искажать оригинал, неделя тут не так важна, как сам факт события - Wasm становится новым целевым преимуществом в вебе.

Технические детали

WebAssembly в Flutter WebВ мае 2024 года мы стабилизировали поддержку WebAssembly (Wasm) в Flutter 3. 22, объединив компилятор Dart с системой сборки мусора WebAssembly (WasmGC). С тех пор компиляция Wasm доказала свою эффективность в реальных приложениях.

Например, Dart DevTools ( dartdevtools) — сложное, высокоинтерактивное веб-приложение Flutter — поставляется с WebAssembly по умолчанию с конца 2024 года. Сегодня более 97% разработчиков, использующих DevTools, запускают его на Wasm, получая преимущества от плавной проверки пользовательского интерфейса, быстрой загрузки и исключительной стабильности. Компиляция WebAssembly проверена в реальных условиях и готова к использованию в производственной среде.

Фактически, наш анализ показывает, что более 58% существующих веб-приложений Flutter сегодня компилируются в WebAssembly без каких-либо изменений в коде . При компиляции в WebAssembly ваше приложение получает преимущества как от ускорения компиляции ( dart2wasm), так и от многопоточной отрисовки ( skwasm):⚡ До 2 раз более быстрое время отрисовки кадров и стабильные 60 FPS : При интенсивной работе дерева виджетов, когда JavaScript снижает частоту кадров до ~30 FPS (общее время отрисовки кадра 34,5 мс), Wasm поддерживает плавную передачу 60 FPS (общее время отрисовки кадра 17,4 мс). ⚡ До 2,5 раз более быстрая сборка и выполнение виджетов : встроенные структуры WasmGC ускоряют сложную логику пользовательского интерфейса и обновление состояния, сокращая время сборки виджетов с 29,3 мс до 11,4 мс.

⚡ Многопоточная фоновая растеризация : Skwasm переносит растеризацию холста на выделенный Web Worker, освобождая основной поток браузера для адаптивного взаимодействия с пользовательским интерфейсом. 🎯 Более чем в 3 раза более плавная стабильность кадров : уменьшает дрожание кадров с ±1,5 мс до ±0,5 мс, устраняя паузы сборки мусора.

Событие, по словам экспертов, усилит конкуренцию в сфере ИИ.