Impeller: conceptos clave, arquitectura y ventajas

¿Qué es Impeller?

Impeller es un motor de renderizado gráfico de código abierto escrito en C++, desarrollado por el equipo de Flutter para reemplazar a Skia como renderizador principal. El proyecto fue anunciado en 2021 como respuesta al problema de larga data del shader jank del que sufre Skia. Impeller no es un fork de Skia, sino una implementación completamente nueva diseñada teniendo en cuenta las limitaciones de las GPU móviles y las API gráficas modernas.

La idea principal de Impeller consiste en trasladar la compilación de shaders a la etapa de compilación de la aplicación, en lugar del tiempo de ejecución. En Skia, los shaders se compilan en el primer uso, cuando el usuario ya está interactuando con la aplicación. Impeller compila todos los shaders por adelantado (offline), los empaqueta en formato binario SPIR-V y los distribuye junto con la aplicación. Durante la ejecución, Impeller carga los shaders precompilados, eliminando las demoras de compilación.

Impeller también resuelve el problema del consumo de memoria. Skia crea muchos objetos temporales (texturas, búferes) durante el renderizado, lo que provoca fragmentación de memoria en dispositivos con recursos limitados. Impeller utiliza pools de memoria y reutiliza los recursos asignados, reduciendo el consumo máximo de memoria entre un 30% y un 40%.

SPIR-V como base

SPIR-V (Standard Portable Intermediate Representation) es una representación intermedia de shaders desarrollada por Khronos Group. Impeller utiliza SPIR-V como formato universal para todos los shaders. Durante la compilación, los shaders escritos en el lenguaje Impeller (un DSL propio en C++ para describir efectos) se compilan a SPIR-V. En tiempo de ejecución, SPIR-V se carga y se traduce a un formato específico de la plataforma: MSL para Metal, GLSL para Vulkan o DXIL para Direct3D 12.

¿Cómo funciona Impeller?

La arquitectura de Impeller consta de varias capas, cada una con una tarea estrictamente definida: procesar la lista de comandos de renderizado, gestionar los recursos de la GPU y ejecutar los shaders. Esta modularidad permite añadir fácilmente soporte para nuevas API gráficas.

La capa inferior es una abstracción sobre la API gráfica (Vulkan, Metal, Direct3D 12). Impeller no soporta OpenGL, ya que OpenGL no ofrece capacidades para una compilación offline eficiente de shaders. En este nivel se implementan: gestión de búferes de vértices, creación y almacenamiento en caché de pipelines (canales gráficos) y sincronización de GPU. Un pipeline en Impeller es un estado de GPU precompilado que incluye shaders, configuración de rasterización y blending. Todos los pipelines se crean durante la inicialización, eliminando la compilación durante el renderizado.

La capa intermedia es un sistema de gestión de recursos. Asigna y reutiliza recursos de la GPU: texturas, búferes, muestreadores. En lugar de crear una nueva textura en cada fotograma, Impeller mantiene un pool de texturas de varios tamaños y formatos. El pool de memoria devuelve automáticamente los recursos no utilizados y puede expandirse cuando sea necesario, pero sin la fragmentación característica de Skia.

La capa superior es el grafo de renderizado, en el que Flutter Engine convierte los comandos de Canvas API. Impeller recibe una Display List (lista de comandos de dibujo) y construye a partir de ella un grafo de dependencias de operaciones. El grafo se optimiza: se eliminan los pases de renderizado redundantes y se fusionan las operaciones con el mismo estado de GPU. Luego, el grafo se compila en una secuencia de llamadas a Vulkan/Metal utilizando pipelines previamente creados.

Flujo de ejecución de fotogramas en Impeller

Cada fotograma pasa por un pipeline fijo: Display List → grafo de renderizado → compilación del grafo → envío de comandos a la GPU. Se pueden añadir pases adicionales para post-efectos (desenfoque, sombras) o para preparar el búfer de profundidad. El tiempo de fotograma en Impeller es más predecible que en Skia, ya que no hay demoras no deterministas por compilación de shaders.

Impeller vs Skia: comparación

La comparación entre Impeller y Skia muestra diferencias en el enfoque de renderizado. Skia es una biblioteca 2D universal de propósito general, mientras que Impeller es un motor especializado para Flutter, optimizado para los requisitos de la interfaz de usuario móvil.

La diferencia clave es el enfoque de los shaders. Skia compila los shaders en el momento de uso, creando shader jank al renderizar efectos desconocidos por primera vez. Impeller elimina esto mediante la compilación offline. Además, Skia soporta OpenGL, necesario para la versión web de Flutter, pero Impeller abandona OpenGL en favor de API más modernas, lo que ofrece un mejor rendimiento en dispositivos móviles.

Compatibilidad con el código Flutter existente

Para las aplicaciones Flutter, la transición a Impeller no requiere cambios en el código. Impeller implementa la misma API Canvas que Skia, por lo que todos los widgets, animaciones y dibujos personalizados funcionan igual. La compatibilidad hacia atrás está garantizada a nivel de Flutter Engine: el motor selecciona el renderizador (Skia o Impeller) durante la inicialización de la aplicación.

Ventajas de Impeller

Impeller ofrece varias ventajas medibles frente a Skia que afectan directamente la experiencia del usuario y el rendimiento de las aplicaciones Flutter.

Eliminación del shader jank

El shader jank es el principal problema de Skia que Impeller resuelve por completo. Cuando una aplicación Flutter muestra una nueva pantalla con degradados, máscaras o mezclas no estándar, Skia compila los shaders durante la animación, lo que provoca caídas de fotogramas. Impeller compila todos los shaders en la etapa de compilación, por lo que el primer fotograma se renderiza tan rápido como los siguientes. En dispositivos con GPU lentas (MediaTek Helio, Qualcomm serie 400), la diferencia es especialmente notable: hasta 200 ms de retraso por cada nuevo tipo de efecto en Skia frente a 0 ms en Impeller.

Reducción del consumo de memoria

Impeller utiliza pools de recursos para gestionar la memoria de la GPU. En Skia, cada fotograma puede crear nuevas texturas para superficies temporales, especialmente al renderizar con transparencia o al usar saveLayer. Impeller reutiliza las texturas entre fotogramas, reduciendo el consumo máximo de memoria entre un 30% y un 40% en Android y hasta un 25% en iOS. Esto es especialmente importante para aplicaciones con listas largas y animaciones, donde Skia podía provocar errores OOM en dispositivos con 2 GB de RAM.

Rendimiento predecible

En Skia, el tiempo de renderizado de un fotograma puede variar según qué shaders ya se hayan compilado. El primer fotograma con un nuevo efecto puede tardar entre 50 y 200 ms, mientras que los siguientes tardan entre 3 y 5 ms. Esta impredecibilidad dificulta la optimización y las pruebas. Impeller garantiza un tiempo de fotograma uniforme, ya que todos los shaders ya están compilados y la asignación de memoria es predecible. Flutter Engine con Impeller puede calcular con mayor precisión el presupuesto de tiempo para cada fotograma.

Soporte de API gráficas modernas

Impeller funciona directamente con Vulkan (Android), Metal (iOS) y Direct3D 12 (Windows), sin la capa de OpenGL. Esto ofrece varias ventajas: menor latencia del controlador (hasta un 50% menos que a través de OpenGL), control directo sobre la memoria de la GPU y acceso a funcionalidades modernas (arquitectura de GPU teselada, renderizado impulsado por GPU). OpenGL ya no evoluciona y sus controladores en dispositivos móviles suelen convertirse en un cuello de botella para el rendimiento.

Estado actual y planes

Impeller se encuentra en desarrollo activo y está disponible en los canales Flutter Master y Beta. A partir de Flutter 3.16, Impeller está activado por defecto en iOS, y en Android opcionalmente mediante un indicador de configuración. Se espera el reemplazo completo de Skia por Impeller en una de las versiones estables de Flutter de 2026.

iOS: Impeller por defecto

En iOS, Impeller funciona a través de Metal y está activado por defecto desde Flutter 3.16. El equipo de Flutter recomienda probar las aplicaciones con Impeller e informar de los problemas. Para volver a Skia, se utiliza el indicador Impeller en el archivo Info.plist: FlutterEnableImpeller = NO. Según Flutter Team, el 92% de las aplicaciones en iOS funcionan con Impeller sin regresiones visibles, y el rendimiento de las animaciones mejora entre un 25% y un 40%.

Android: opcional

En Android, Impeller funciona a través de Vulkan. Para activarlo, se añade la metaetiqueta io.flutter.embedded_views_preview en AndroidManifest.xml. El equipo de Flutter continúa optimizando Impeller para varias arquitecturas de GPU (Adreno, Mali, PowerVR). El principal desafío en Android es el soporte de dispositivos sin Vulkan (Android < 7.0 o GPU antiguas). Para esos dispositivos, se utilizará un backend de reserva basado en Skia o Impeller con rasterización por software.

Escritorio y Web

En Windows, Impeller funciona a través de Direct3D 12 (activado en Flutter Master). En macOS y Linux, a través de Metal y Vulkan respectivamente. Impeller no está previsto para Web, ya que la versión web de Flutter utiliza CanvasKit (Skia a través de WebAssembly), y el shader jank no es un problema crítico para ella debido a un mecanismo de compilación de shaders diferente en el navegador. La versión web continuará usando Skia.

Hoja de ruta

Google ha publicado la hoja de ruta de Impeller: 2024 — Impeller por defecto en iOS; 2025 — Impeller por defecto en Android y Windows; 2026 — eliminación completa de Skia de Flutter Engine. Después de eso, Flutter utilizará Impeller como único motor de renderizado, lo que simplificará el mantenimiento, reducirá el tamaño del motor y mejorará el rendimiento en todas las plataformas.