Le verdict en trois phrases
En Afrique de l'Ouest, plus de 80 % du trafic e-commerce est mobile, souvent sur une 3G de 3 à 8 Mbps à forte latence. Chaque seconde de chargement supplémentaire coûte environ 7 % de conversion, et chaque Mo consomme le forfait data limite de l'acheteur. Une PWA (Progressive Web App) avec service worker ramène le chargement des visites répétées sous 1 seconde et fonctionne même hors-ligne : c'est le seul design réaliste pour ce marché.
Les techniques qui font la différence
Optimiser pour la 3G, ce n'est pas embellir, c'est retirer du poids et mettre en cache. Chaque technique a un gain mesurable en octets économisés et en conversion regagnée.
| Technique | Données économisées | Impact chargement | Impact conversion |
|---|---|---|---|
| Images AVIF / WebP | 30 à 50 % des octets | -1 à -3 s | +5 à +10 % |
| Service worker (cache PWA) | ~90 % en visite répétée | < 1 s au retour | +8 à +15 % |
| Lazy loading images | 20 à 40 % au 1er écran | -0,5 à -2 s | +3 à +7 % |
| Code splitting / bundle réduit | 15 à 30 % du JS | -0,5 à -1,5 s | +3 à +6 % |
| Polices système / preload | 50 à 200 Ko | -0,3 à -0,8 s | +2 à +4 % |
| Mode hors-ligne (offline) | N/A | Consultation sans réseau | +5 à +10 % |
Le service worker est le levier le plus puissant : il met en cache l'ossature de la boutique, si bien qu'à la deuxième visite le client voit le catalogue instantanément, même dans un ascenseur ou un village mal couvert.
Le coût data, un frein invisible
Beaucoup d'acheteurs ouest-africains naviguent sur des forfaits de 500 Mo à 1 Go. Une boutique lourde de 8 Mo par page consomme leur forfait et les fait fuir avant même d'acheter. Alléger, c'est respecter le portefeuille du client.
| Poids de page | Data consommée / visite | Chargement en 3G (5 Mbps) | Verdict |
|---|---|---|---|
| 8 Mo (non optimisé) | 8 Mo | 12 à 18 s | Abandon quasi certain |
| 3 Mo (partiellement optimisé) | 3 Mo | 5 à 8 s | Fuite importante |
| 1 Mo (optimisé) | 1 Mo | 2 à 3 s | Acceptable |
| < 500 Ko (PWA en cache) | ~50 Ko au retour | < 1 s | Idéal |
L'ajout à l'écran d'accueil (add-to-homescreen) et les notifications push transforment la PWA en quasi-application, sans le poids d'un téléchargement sur le store ni les frais associés.
Besoin d'un site web professionnel ?
Kolonell crée des sites web qui attirent des clients, optimisés pour le marché sénégalais. Devis gratuit en 2 minutes.
Mini cas pratique
Seynabou vend des cosmétiques naturels en ligne à Dakar. Sa boutique non optimisée pèse 7 Mo par page ; en 3G, elle charge en 15 secondes. Son taux d'abandon avant chargement complet est de 55 %, et son taux de conversion global de 1,2 %.
Elle passe en PWA : images AVIF, service worker, lazy loading. La page tombe à 900 Ko, puis à 50 Ko en visite répétée grâce au cache. Le chargement passé à 2 secondes, puis sous 1 seconde. L'abandon avant chargement chute à 18 % et la conversion grimpe à 2,3 %. Sur 5 000 visites/mois et un panier de 15 000 FCFA, elle passe de 60 à 115 ventes : +825 000 FCFA/mois pour le même trafic, uniquement grâce à la performance.
FAQ
Pourquoi une PWA plutôt qu'une application native ? Une PWA offre le cache hors-ligne, l'ajout à l'écran d'accueil et les notifications push sans téléchargement sur un store ni frais de 15-30 %. Sur la 3G africaine, elle ramène le chargement des visites répétées sous 1 seconde.
Quel impact réel à la vitesse sur les ventes ? Chaque seconde de chargement supplémentaire coûte environ 7 % de conversion. Passer de 15 s à moins de 2 s peut pratiquement doubler le taux de conversion, comme dans notre cas pratique.
Comment réduire le poids des images ? Les formats AVIF et WebP économisent 30 à 50 % des octets sans perte visible, et le lazy loading évite de charger ce qui n'est pas encore à l'écran. Ensemble, ils font gagner plusieurs secondes en 3G.
Le mode hors-ligne sert-il vraiment en e-commerce ? Oui : le client peut parcourir le catalogue mis en cache sans réseau, dans les transports ou une zone mal couverte, puis finaliser dès que la connexion revient. Cela ajoute 5 à 10 % de conversion.
Combien de data consomme une boutique optimisée ? Une PWA optimisée charge environ 1 Mo à la première visite et seulement ~50 Ko au retour grâce au cache. Face à des forfaits de 500 Mo à 1 Go, c'est décisif pour ne pas faire fuir l'acheteur.
Discutons de votre projet. Nous construisons votre boutique en PWA optimisée 3G, avec cache hors-ligne, images AVIF et paiement Wave/Orange Money. WhatsApp +221 77 596 93 33.
Mohamed Bah
Fondateur, Kolonell
Passionné par le digital et l'entrepreneuriat en Afrique, Mohamed accompagne les entreprises sénégalaises dans leur transformation digitale depuis 2020. Fondateur de Kolonell, il croit que chaque PME mérite une présence en ligne professionnelle et accessible.
