Progressive Web App (PWA)

Rendez votre site installable comme application sur mobile et ordinateur.

Qu'est-ce qu'une PWA ?

Une Progressive Web App (PWA) permet d'installer votre site comme une application sur les téléphones, tablettes et ordinateurs. Les visiteurs peuvent ouvrir votre site via une icône sur leur écran d'accueil, sans passer par l'App Store ou le Play Store. Le site se charge plus rapidement lors des visites suivantes grâce à un système de cache intelligent.

Activer la PWA

Allez dans Paramètres → Général → faites défiler jusqu'à 'Progressive Web App'. Activez le commutateur et remplissez les champs requis : • Nom de l'application — le nom que les visiteurs voient après l'installation • Nom court — affiché sous l'icône sur l'écran d'accueil (12 caractères max.) • Icône de l'application — importez une icône carrée de 512×512 pixels. Une version plus petite (192×192) est créée automatiquement. • Couleur du thème — détermine la couleur de la barre du navigateur et de l'écran de démarrage • Couleur d'arrière-plan — couleur de l'écran de chargement à l'ouverture • Mode d'affichage — 'Standalone' (recommandé) offre une expérience semblable à une application sans barre de navigateur

Conseils

Utilisez une icône claire et reconnaissable avec un contraste suffisant.
Le nom court ne doit pas dépasser 12 caractères — choisissez le mot le plus reconnaissable.

Comment les visiteurs voient-ils l'invite d'installation ?

Une fois la PWA activée, les visiteurs voient une notification en bas de l'écran après 30 secondes, leur proposant d'installer le site comme application. • Chrome, Edge, Samsung Browser — le navigateur affiche une fenêtre d'installation native • Safari (iPhone/iPad) — les visiteurs reçoivent une instruction : 'Appuyez sur l'icône Partager et choisissez Sur l'écran d'accueil' • Firefox — l'option d'installation apparaît dans la barre d'adresse Si un visiteur choisit 'Pas maintenant', la notification réapparaît au bout de 7 jours. Les visiteurs ayant déjà installé l'application ne voient jamais la notification.

Conseils

L'invite d'installation est entièrement automatique — aucune action de votre part n'est nécessaire.
La notification s'adapte à la langue du navigateur du visiteur.

Cache hors ligne

La PWA enregistre automatiquement la structure des pages et les images dans le navigateur. Lors d'une visite ultérieure, le site se charge plus rapidement. En cas de coupure temporaire de la connexion internet, la dernière page visitée reste accessible. Le contenu de vos pages est toujours récupéré directement depuis le serveur — les visiteurs voient donc toujours la version la plus récente de votre contenu.

Remarque

Le cache hors ligne ne fonctionne que pour les pages déjà visitées. Les nouvelles pages nécessitent une connexion internet.

Désactiver la PWA

Désactivez le commutateur dans Paramètres → Général → Progressive Web App. L'invite d'installation disparaît immédiatement. Les visiteurs ayant déjà installé l'application peuvent continuer à l'utiliser, mais celle-ci reviendra automatiquement au site classique au fil du temps.

Questions fréquentes

La PWA coûte-t-elle un supplément ? Non, la fonctionnalité PWA est gratuite et ne nécessite ni hébergement séparé ni compte app store. Mon site peut-il planter à cause de la PWA ? Non. En cas de problème avec les paramètres PWA, votre site fonctionne normalement. La PWA est une couche supplémentaire au-dessus de votre site existant. La PWA fonctionne-t-elle sur tous les appareils ? Oui, sur tous les navigateurs modernes. L'expérience d'installation varie selon le navigateur, mais le site lui-même fonctionne partout. Dois-je redéployer après l'activation ou la désactivation ? Non, la modification prend effet immédiatement après l'enregistrement des paramètres.