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 a 8 Mbps a forte latence. Chaque seconde de chargement supplementaire coute environ 7 % de conversion, et chaque Mo consomme le forfait data limite de l'acheteur. Une PWA (Progressive Web App) avec service worker ramene le chargement des visites repetees sous 1 seconde et fonctionne meme hors-ligne : c'est le seul design realiste pour ce marche.
Les techniques qui font la difference
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 economises et en conversion regagnee.
| Technique | Donnees economisees | Impact chargement | Impact conversion |
|---|---|---|---|
| Images AVIF / WebP | 30 a 50 % des octets | -1 a -3 s | +5 a +10 % |
| Service worker (cache PWA) | ~90 % en visite repetee | < 1 s au retour | +8 a +15 % |
| Lazy loading images | 20 a 40 % au 1er ecran | -0,5 a -2 s | +3 a +7 % |
| Code splitting / bundle reduit | 15 a 30 % du JS | -0,5 a -1,5 s | +3 a +6 % |
| Polices systeme / preload | 50 a 200 Ko | -0,3 a -0,8 s | +2 a +4 % |
| Mode hors-ligne (offline) | N/A | Consultation sans reseau | +5 a +10 % |
Le service worker est le levier le plus puissant : il met en cache l'ossature de la boutique, si bien qu'a la deuxieme visite le client voit le catalogue instantanement, meme dans un ascenseur ou un village mal couvert.
Le cout data, un frein invisible
Beaucoup d'acheteurs ouest-africains naviguent sur des forfaits de 500 Mo a 1 Go. Une boutique lourde de 8 Mo par page consomme leur forfait et les fait fuir avant meme d'acheter. Alleger, c'est respecter le portefeuille du client.
| Poids de page | Data consommee / visite | Chargement en 3G (5 Mbps) | Verdict |
|---|---|---|---|
| 8 Mo (non optimise) | 8 Mo | 12 a 18 s | Abandon quasi certain |
| 3 Mo (partiellement optimise) | 3 Mo | 5 a 8 s | Fuite importante |
| 1 Mo (optimise) | 1 Mo | 2 a 3 s | Acceptable |
| < 500 Ko (PWA en cache) | ~50 Ko au retour | < 1 s | Ideal |
L'ajout a l'ecran d'accueil (add-to-homescreen) et les notifications push transforment la PWA en quasi-application, sans le poids d'un telechargement sur le store ni les frais associes.
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 cosmetiques naturels en ligne a Dakar. Sa boutique non optimisee pese 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 a 900 Ko, puis a 50 Ko en visite repetee grace au cache. Le chargement passe a 2 secondes, puis sous 1 seconde. L'abandon avant chargement chute a 18 % et la conversion grimpe a 2,3 %. Sur 5 000 visites/mois et un panier de 15 000 FCFA, elle passe de 60 a 115 ventes : +825 000 FCFA/mois pour le meme trafic, uniquement grace a la performance.
FAQ
Pourquoi une PWA plutot qu'une application native ? Une PWA offre le cache hors-ligne, l'ajout a l'ecran d'accueil et les notifications push sans telechargement sur un store ni frais de 15-30 %. Sur la 3G africaine, elle ramene le chargement des visites repetees sous 1 seconde.
Quel impact reel a la vitesse sur les ventes ? Chaque seconde de chargement supplementaire coute environ 7 % de conversion. Passer de 15 s a moins de 2 s peut pratiquement doubler le taux de conversion, comme dans notre cas pratique.
Comment reduire le poids des images ? Les formats AVIF et WebP economisent 30 a 50 % des octets sans perte visible, et le lazy loading evite de charger ce qui n'est pas encore a l'ecran. 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 reseau, dans les transports ou une zone mal couverte, puis finaliser des que la connexion revient. Cela ajoute 5 a 10 % de conversion.
Combien de data consomme une boutique optimisee ? Une PWA optimisee charge environ 1 Mo a la premiere visite et seulement ~50 Ko au retour grace au cache. Face a des forfaits de 500 Mo a 1 Go, c'est decisif pour ne pas faire fuir l'acheteur.
Discutons de votre projet. Nous construisons votre boutique en PWA optimisee 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.
