Flutter Web permet de faire tourner dans un navigateur une application développée avec Flutter — le même code que celui de votre application iOS et Android. C'est une technologie puissante, mais elle n'est pas adaptée à tous les projets. Ce guide explique concrètement ce qu'elle fait bien, ce qu'elle fait mal, et comment savoir si c'est le bon choix pour vous.
Flutter Web, en une minute
Flutter est le framework de développement créé par Google. Sa promesse d'origine : écrire une seule fois le code de votre application, et la faire tourner à la fois sur iPhone et sur Android. Depuis 2021, cette promesse s'étend au navigateur — c'est ce qu'on appelle Flutter Web.
Concrètement, votre application mobile devient accessible depuis une simple adresse web, sans installation, sans passer par l'App Store ni Google Play. L'utilisateur clique sur un lien et se retrouve dans la même interface que sur son téléphone.
C'est séduisant sur le papier. Dans les faits, ça dépend entièrement de ce que fait votre application. Une application métier avec un tableau de bord et des formulaires : excellent candidat. Un site vitrine ou une boutique en ligne : très mauvaise idée, et nous expliquons pourquoi plus bas.
💡 À retenir
Flutter Web n'est pas une technologie pour créer des sites web. C'est une technologie pour rendre une application accessible depuis un navigateur. La nuance change tout, et c'est la source de la majorité des projets ratés que nous voyons passer.
Comment ça marche techniquement
Comprendre le principe vous évitera de mauvaises surprises, même si vous ne codez pas vous-même.
Un site web classique est construit en HTML : le navigateur reçoit un document structuré, avec des titres, des paragraphes, des liens. Il l'affiche, et n'importe qui — utilisateur, moteur de recherche, lecteur d'écran — peut lire cette structure.
Flutter Web fonctionne autrement. Le code Dart de votre application est compilé en JavaScript, et l'interface est dessinée sur une zone de dessin unique appelée canvas, un peu comme un jeu vidéo dessine ses images. Le moteur de rendu, CanvasKit, est une version de la bibliothèque graphique Skia compilée en WebAssembly. C'est ce qui garantit que votre application ressemble exactement à sa version mobile, au pixel près.
Ce que cela implique
- Rendu identique partout — pas de différence entre Chrome, Safari et Firefox, contrairement au CSS classique.
- Un poids de départ significatif — le moteur graphique doit être téléchargé avant le premier affichage. Comptez plusieurs mégaoctets, contre quelques dizaines de kilooctets pour une page web classique.
- Le contenu n'est pas dans le HTML — le texte affiché n'existe pas sous forme de balises. C'est la conséquence la plus lourde, développée dans la section référencement.
Les versions récentes de Flutter proposent également une compilation vers WebAssembly, qui améliore sensiblement les performances d'exécution. Le principe de fonctionnement, lui, ne change pas.
Le code, pour ceux que ça intéresse
Activer la prise en charge du web sur un projet Flutter existant tient en deux commandes :
flutter config --enable-web
flutter run -d chromeEt pour générer les fichiers de production :
flutter build web --releaseLe dossier build/web contient alors des fichiers statiques, hébergeables sur n'importe quel serveur : Firebase Hosting, Netlify, Vercel, un compartiment AWS S3 ou votre propre serveur.
Cette simplicité apparente est trompeuse. Faire fonctionner Flutter Web est facile ; faire un Flutter Web performant, accessible et bien intégré à votre système d'information est un vrai travail d'ingénierie.
Les vrais avantages
Un seul code à maintenir
Une correction de bug ou une nouvelle fonctionnalité se répercute simultanément sur iOS, Android et le web.
Aucune installation
Un lien suffit. Idéal pour une démonstration commerciale, un accès ponctuel ou un utilisateur qui refuse d'installer une application de plus.
Pas de validation par les stores
Vous déployez une mise à jour quand vous voulez, sans attendre l'approbation d'Apple ni de Google.
Confort du grand écran
Vos utilisateurs professionnels travaillent souvent sur ordinateur. Le web leur donne un accès confortable au même outil.
Cohérence visuelle totale
L'interface est strictement identique sur toutes les plateformes. Pas de dérive de design entre les versions.
Back-office gratuit ou presque
Si votre application a besoin d'une console d'administration, Flutter Web permet de la construire avec les composants déjà écrits.
✅ Le cas d'usage qui fonctionne le mieux
Une application métier utilisée par des professionnels identifiés, derrière une authentification : gestion d'interventions, suivi de patients, saisie terrain, tableau de bord. Les collaborateurs utilisent le mobile en déplacement et le web au bureau — avec les mêmes données et la même interface.
Les limites qu'on ne vous dit pas
Nous préférons annoncer ces contraintes avant le devis plutôt qu'après la livraison.
Le temps de premier chargement
Le navigateur doit télécharger le moteur graphique avant d'afficher quoi que ce soit. Sur une connexion mobile moyenne, cela représente plusieurs secondes d'écran blanc ou d'écran de chargement. Pour un utilisateur qui se connecte tous les jours à son outil de travail, c'est acceptable — le contenu est ensuite mis en cache. Pour un visiteur qui découvre votre marque, c'est rédhibitoire.
Le texte n'est pas du vrai texte
Puisque l'interface est dessinée sur un canvas, le texte affiché n'est pas sélectionnable ni copiable de la même manière que sur un site classique. Le comportement s'est amélioré au fil des versions, mais il reste des situations où l'utilisateur ne peut pas simplement surligner une information pour la copier.
L'accessibilité demande un travail supplémentaire
Les lecteurs d'écran s'appuient sur la structure HTML. Flutter génère un arbre de sémantique parallèle pour y remédier, mais il faut l'alimenter consciencieusement widget par widget. Pour nous qui développons depuis 2013 des applications destinées à des publics fragilisés, c'est un point que nous traitons systématiquement — mais il faut le prévoir au budget.
Certaines fonctionnalités mobiles n'existent pas
Notifications push complètes, accès aux contacts, capteurs, fonctionnement hors ligne poussé, intégration avec le système : le navigateur pose des barrières que l'application native ne connaît pas.
⚠️ Le piège classique
« On a déjà l'app mobile, ajoutons le web, ça ne coûtera presque rien. » C'est faux. Les écrans conçus pour un téléphone tenu à la verticale ne fonctionnent pas tels quels sur un écran de 27 pouces. Il faut repenser les mises en page, gérer la souris et le clavier, adapter la navigation. Comptez un vrai chantier, pas une case à cocher.
Flutter Web et le référencement
C'est la question qu'on nous pose le plus souvent, et la réponse mérite d'être claire.
Une application Flutter Web se référence mal. Très mal. Le contenu étant dessiné sur un canvas plutôt qu'écrit en HTML, un moteur de recherche qui analyse votre page n'y trouve pratiquement rien à indexer : ni titres structurés, ni paragraphes, ni liens internes exploitables.
Le problème s'étend au-delà de Google. Les assistants IA — ChatGPT, Perplexity, Claude — lisent eux aussi le HTML. Une application Flutter Web est invisible pour eux, ce qui devient un vrai handicap à mesure que les recherches migrent vers ces outils.
La conséquence pratique
N'utilisez jamais Flutter Web pour :
- Un site vitrine ou une page de présentation d'entreprise
- Une boutique en ligne dont les fiches produits doivent remonter sur Google
- Un blog, un magazine, tout contenu éditorial
- Une page d'atterrissage publicitaire dont vous mesurez le taux de conversion
✅ L'architecture que nous recommandons
Séparez les deux mondes. Votre site public — vitrine, blog, pages de vente — est construit avec une technologie web classique : WordPress ou React, indexable et rapide. Votre application — l'outil derrière la connexion — tourne en Flutter Web. Le site public amène les visiteurs, l'application les sert une fois connectés. Chaque technologie fait ce qu'elle sait faire.
Est-ce le bon choix pour votre projet ?
Le tableau ci-dessous résume notre grille de décision.
| Votre projet | Flutter Web ? | Ce que nous recommandons |
|---|---|---|
| Application métier derrière une authentification | Oui | Le cas idéal — mobile et web avec un seul code |
| Back-office d'administration de votre app | Oui | Réutilisation directe des composants déjà écrits |
| Outil interne pour vos équipes | Oui | Le référencement n'a aucune importance ici |
| Démonstration commerciale sans installation | Oui | Un lien à envoyer avant un rendez-vous |
| Espace client d'une entreprise | Oui | Site vitrine classique + espace en Flutter Web |
| Site vitrine, page de présentation | Non | WordPress ou React — l'indexation est vitale |
| Boutique en ligne | Non | WooCommerce ou Shopify |
| Blog, contenu éditorial | Non | WordPress, sans hésitation |
| Landing page publicitaire | Non | Page légère et rapide, le temps de chargement fait la conversion |
La bonne question n'est pas « Flutter Web est-il performant ? » mais « qui va utiliser cette interface, et comment y arrive-t-il ? ». Si la réponse est « par Google », ce n'est pas la bonne technologie. Si c'est « avec ses identifiants », c'est souvent la meilleure.
— Agence DYNSEO
Budget et délais
Deux situations bien différentes.
Vous avez déjà une application Flutter
Ajouter la version web ne consiste pas à cocher une option. Il faut adapter les mises en page aux grands écrans, gérer la souris et le clavier, revoir la navigation et retester l'ensemble. Sur un projet standard, cela représente une part non négligeable du budget initial — nous la chiffrons précisément après avoir regardé votre code existant.
Vous partez de zéro
Un projet Flutter pensé dès le départ pour le mobile et le web coûte nettement moins cher que deux développements séparés. Nos fourchettes indicatives :
- Application simple — consultation, formulaires, contenu structuré : à partir de 8 000 € HT
- Application métier — authentification, base de données, back-office, paiement : de 15 000 à 40 000 € HT
- Plateforme complexe — API sur mesure, rôles multiples, synchronisation avancée : au-delà de 40 000 € HT
Côté délais, comptez 6 à 10 semaines pour une application simple, 3 à 6 mois pour une application métier complète. La version web ajoute généralement quelques semaines au calendrier initial.
💡 Un conseil qui vous fera économiser
Décidez du web avant de commencer. Une application conçue dès le premier jour pour les deux plateformes coûte beaucoup moins cher qu'une application mobile qu'on adapte après coup. La différence se joue sur l'architecture des écrans, pas sur le nombre de lignes de code.
Comment se déroule un projet
- Cadrage — nous identifions qui utilisera l'application, sur quel appareil, et dans quel contexte. C'est là qu'on tranche la question du web.
- Maquettes — les écrans sont dessinés en version mobile et en version grand écran, validés avec vous avant la moindre ligne de code.
- Développement — un code unique, avec des livraisons intermédiaires que vous testez au fil de l'eau.
- Tests — sur appareils iOS et Android réels, et sur les navigateurs Chrome, Safari, Firefox et Edge.
- Mise en ligne — publication sur les stores et déploiement de la version web, avec la formation de votre équipe.
- Suivi — mises à jour Flutter, compatibilité avec les nouvelles versions des systèmes, évolutions fonctionnelles.
Notre équipe est interne, basée à Paris 15e. Pas de sous-traitance : la personne qui conçoit vos écrans est celle qui les développe.
Questions fréquentes
Flutter Web remplace-t-il un site internet ?
Non, et c'est la confusion la plus fréquente. Flutter Web rend une application accessible dans un navigateur. Un site internet a besoin d'être indexé par Google, de charger en moins d'une seconde et d'être lisible par les assistants IA — trois choses que Flutter Web ne sait pas faire. Les deux sont complémentaires, jamais interchangeables.
Mon application Flutter existante peut-elle passer sur le web ?
Techniquement oui, dans la plupart des cas. Mais la faisabilité dépend des bibliothèques utilisées : certains paquets accédant à des fonctions natives du téléphone n'ont pas d'équivalent web. Nous auditons votre code avant de nous engager sur un chiffrage.
Flutter Web est-il plus lent qu'un site classique ?
Au premier chargement, oui — nettement. Ensuite, une fois les ressources en cache, la navigation entre les écrans est très fluide, souvent plus qu'un site classique qui recharge des pages. C'est un compromis : lent au démarrage, rapide à l'usage. Ce qui convient parfaitement à un outil de travail quotidien.
Peut-on l'installer comme une application ?
Oui. Une application Flutter Web peut être configurée en application web progressive : l'utilisateur l'ajoute à son écran d'accueil ou à son bureau, elle s'ouvre en plein écran sans barre de navigateur, et une partie du contenu reste disponible hors connexion.
Quels navigateurs sont pris en charge ?
Chrome, Edge, Firefox et Safari dans leurs versions récentes, sur ordinateur comme sur mobile. Nous testons systématiquement sur les quatre avant livraison — Safari réserve régulièrement des surprises.
Faut-il choisir Flutter Web ou React pour un projet web ?
React si l'interface est destinée à être vue par le public et référencée. Flutter Web si elle prolonge une application mobile existante et vit derrière une authentification. Si vous n'avez pas d'application mobile et que le référencement compte, la question ne se pose même pas.
Un doute sur la technologie à choisir ?
Décrivez-nous votre projet en quelques lignes. Nous vous dirons honnêtement si Flutter Web est adapté — y compris quand la réponse est non.
Notre expertise Flutter Prendre rendez-vous
