Impeller : concepts clés, architecture et avantages

Qu'est-ce qu'Impeller ?

Impeller est un moteur de rendu graphique open source écrit en C++, développé par l'équipe Flutter pour remplacer Skia en tant que renderer principal. Le projet a été annoncé en 2021 en réponse au problème de longue date de shader jank dont souffre Skia. Impeller n'est pas un fork de Skia — c'est une implémentation entièrement nouvelle conçue en tenant compte des limitations des GPU mobiles et des API graphiques modernes.

L'idée principale d'Impeller est de déplacer la compilation des shaders à l'étape de construction de l'application, plutôt qu'à l'exécution. Dans Skia, les shaders sont compilés lors de la première utilisation, lorsque l'utilisateur interagit déjà avec l'application. Impeller compile tous les shaders à l'avance (offline), les empaquette au format binaire SPIR-V et les distribue avec l'application. Pendant l'exécution, Impeller charge les shaders précompilés, éliminant les délais de compilation.

Impeller résout également le problème de consommation de mémoire. Skia crée de nombreux objets temporaires (textures, tampons) lors du rendu, ce qui entraîne une fragmentation de la mémoire sur les appareils aux ressources limitées. Impeller utilise des pools de mémoire et réutilise les ressources allouées, réduisant la consommation maximale de mémoire de 30 à 40%.

SPIR-V comme base

SPIR-V (Standard Portable Intermediate Representation) est une représentation intermédiaire de shaders développée par le Khronos Group. Impeller utilise SPIR-V comme format universel pour tous les shaders. Pendant la construction, les shaders écrits dans le langage Impeller (un DSL C++ personnalisé pour décrire les effets) sont compilés en SPIR-V. Pendant l'exécution, SPIR-V est chargé et traduit dans un format spécifique à la plateforme — MSL pour Metal, GLSL pour Vulkan ou DXIL pour Direct3D 12.

Comment fonctionne Impeller ?

L'architecture d'Impeller se compose de plusieurs couches, chacune exécutant une tâche strictement définie : traitement de la liste de commandes de rendu, gestion des ressources GPU et exécution des shaders. Cette modularité permet d'ajouter facilement la prise en charge de nouvelles API graphiques.

La couche inférieure est une abstraction sur l'API graphique (Vulkan, Metal, Direct3D 12). Impeller ne prend pas en charge OpenGL, car OpenGL n'offre pas de capacités pour une compilation offline efficace des shaders. À ce niveau sont implémentés : la gestion des tampons de sommets, la création et la mise en cache des pipelines (pipelines graphiques) et la synchronisation GPU. Un pipeline dans Impeller est un état GPU précompilé qui inclut les shaders, les paramètres de rastérisation et le blending. Tous les pipelines sont créés lors de l'initialisation, éliminant la compilation pendant le rendu.

La couche intermédiaire est un système de gestion des ressources. Elle alloue et réutilise les ressources GPU : textures, tampons, échantillonneurs. Au lieu de créer une nouvelle texture à chaque image, Impeller maintient un pool de textures de différentes tailles et formats. Le pool de mémoire retourne automatiquement les ressources inutilisées et peut s'étendre si nécessaire, mais sans la fragmentation caractéristique de Skia.

La couche supérieure est le graphe de rendu, dans lequel le Flutter Engine convertit les commandes de l'API Canvas. Impeller reçoit une Display List (liste de commandes de dessin) et construit à partir d'elle un graphe de dépendances des opérations. Le graphe est optimisé : les passes de rendu redondantes sont supprimées, les opérations avec le même état GPU sont fusionnées. Ensuite, le graphe est compilé en une séquence d'appels Vulkan/Metal en utilisant des pipelines pré-créés.

Flux d'exécution d'image dans Impeller

Chaque image passe par un pipeline fixe : Display List → graphe de rendu → compilation du graphe → envoi des commandes GPU. Des passes supplémentaires peuvent être ajoutées pour les post-effets (flou, ombres) ou la préparation du tampon de profondeur. Le temps d'image dans Impeller est plus prévisible que dans Skia, car il n'y a pas de délais non déterministes de compilation de shaders.

Impeller vs Skia : comparaison

La comparaison entre Impeller et Skia montre des différences dans l'approche de rendu. Skia est une bibliothèque 2D universelle à usage général, tandis qu'Impeller est un moteur spécialisé pour Flutter, optimisé pour les besoins de l'interface utilisateur mobile.

La principale différence est l'approche des shaders. Skia compile les shaders au moment de l'utilisation, créant un shader jank lors du premier rendu d'effets inconnus. Impeller élimine cela grâce à la compilation offline. De plus, Skia supporte OpenGL, nécessaire pour la version web de Flutter, mais Impeller abandonne OpenGL au profit d'API plus modernes, offrant de meilleures performances sur les appareils mobiles.

Compatibilité avec le code Flutter existant

Pour les applications Flutter, la transition vers Impeller ne nécessite pas de modification du code. Impeller implémente la même API Canvas que Skia, donc tous les widgets, animations et dessins personnalisés fonctionnent à l'identique. La compatibilité ascendante est assurée au niveau du Flutter Engine — le moteur sélectionne le renderer (Skia ou Impeller) lors de l'initialisation de l'application.

Avantages d'Impeller

Impeller offre plusieurs avantages mesurables par rapport à Skia qui impactent directement l'expérience utilisateur et les performances des applications Flutter.

Élimination du shader jank

Le shader jank est le principal problème de Skia qu'Impeller résolve complètement. Lorsqu'une application Flutter affiche un nouvel écran avec des dégradés, des masques ou des mélanges non standard, Skia compile les shaders pendant l'animation, provoquant des chutes d'images. Impeller compile tous les shaders à l'étape de construction, donc la première image est rendue aussi rapidement que les suivantes. Sur les appareils avec un GPU lent (MediaTek Helio, Qualcomm série 400), la différence est particulièrement notable — jusqu'à 200 ms de délai pour chaque nouveau type d'effet dans Skia contre 0 ms dans Impeller.

Réduction de la consommation mémoire

Impeller utilise des pools de ressources pour gérer la mémoire GPU. Dans Skia, chaque image peut créer de nouvelles textures pour des surfaces temporaires, surtout lors du rendu avec transparence ou de l'utilisation de saveLayer. Impeller réutilise les textures entre les images, réduisant la consommation maximale de mémoire de 30 à 40% sur Android et jusqu'à 25% sur iOS. C'est particulièrement important pour les applications avec de longues listes et des animations, où Skia pouvait provoquer des erreurs OOM sur les appareils avec 2 Go de RAM.

Performance prévisible

Dans Skia, le temps de rendu d'une image peut varier selon les shaders déjà compilés. La première image avec un nouvel effet peut prendre 50 à 200 ms, tandis que les suivantes prennent 3 à 5 ms. Cette imprévisibilité rend l'optimisation et les tests difficiles. Impeller garantit un temps d'image constant, car tous les shaders sont déjà compilés et l'allocation mémoire est prévisible. Le Flutter Engine avec Impeller peut calculer plus précisément le budget de temps pour chaque image.

Prise en charge des API graphiques modernes

Impeller fonctionne directement avec Vulkan (Android), Metal (iOS) et Direct3D 12 (Windows), sans la couche OpenGL. Cela offre plusieurs avantages : une latence de pilote plus faible (jusqu'à 50% de moins que via OpenGL), un contrôle direct sur la mémoire GPU et un accès aux fonctionnalités modernes (architecture GPU en tuiles, rendu piloté par GPU). OpenGL n'évolue plus et ses pilotes sur les appareils mobiles deviennent souvent un goulot d'étranglement de performance.

Statut actuel et plans

Impeller est en développement actif et disponible dans les canaux Flutter Master et Beta. À partir de Flutter 3.16, Impeller est activé par défaut sur iOS, et optionnellement sur Android via un indicateur de configuration. Le remplacement complet de Skia par Impeller est attendu dans l'une des versions stables de Flutter en 2026.

iOS : Impeller par défaut

Sur iOS, Impeller fonctionne via Metal et est activé par défaut depuis Flutter 3.16. L'équipe Flutter recommande de tester les applications sur Impeller et de signaler les problèmes. Pour revenir à Skia, utilisez l'indicateur Impeller dans le fichier Info.plist : FlutterEnableImpeller = NO. Selon Flutter Team, 92% des applications iOS fonctionnent sur Impeller sans régression visible, et les performances d'animation s'améliorent de 25 à 40%.

Android : optionnel

Sur Android, Impeller fonctionne via Vulkan. Pour l'activer, ajoutez la méta-balise io.flutter.embedded_views_preview dans AndroidManifest.xml. L'équipe Flutter continue d'optimiser Impeller pour diverses architectures GPU (Adreno, Mali, PowerVR). Le principal défi sur Android est la prise en charge des appareils sans Vulkan (Android < 7.0 ou GPU anciens). Pour ces appareils, un backend de secours basé sur Skia ou Impeller avec rastérisation logicielle sera utilisé.

Desktop et Web

Sur Windows, Impeller fonctionne via Direct3D 12 (activé dans Flutter Master). Sur macOS et Linux — via Metal et Vulkan respectivement. Impeller n'est pas prévu pour le Web, car la version web de Flutter utilise CanvasKit (Skia via WebAssembly), et le shader jank n'est pas un problème critique pour elle en raison d'un mécanisme de compilation de shaders différent dans le navigateur. La version web continuera d'utiliser Skia.

Feuille de route

Google a publié la feuille de route d'Impeller : 2024 — Impeller par défaut sur iOS ; 2025 — Impeller par défaut sur Android et Windows ; 2026 — suppression complète de Skia du Flutter Engine. Après cela, Flutter utilisera Impeller comme seul moteur de rendu, simplifiant la maintenance, réduisant la taille du moteur et améliorant les performances sur toutes les plateformes.