La réponse courte
- Objectif : Moins de 3 secondes
- Idéal : Moins de 2 secondes
- Impact : 1 seconde de délai = -7% de conversions
Pourquoi la vitesse est cruciale
Impact sur les conversions
| Temps de chargement | Impact |
|---|
| 1 seconde | Référence |
| 2 secondes | -7% conversions |
| 3 secondes | -20% conversions |
| 5 secondes | -40% conversions |
| 10 secondes | 5x moins de conversions |
Comportement utilisateur
- 53% des visiteurs mobiles quittent si > 3 secondes
- 47% s’attendent à un chargement < 2 secondes
- Un site à 1s convertit 5x plus qu’un site à 10s
Impact SEO
Google utilise la vitesse comme facteur de classement, via les Core Web Vitals :
| Métrique | Bon | À améliorer | Mauvais |
|---|
| LCP (Largest Contentful Paint) | < 2.5s | 2.5-4s | > 4s |
| FID (First Input Delay) | < 100ms | 100-300ms | > 300ms |
| CLS (Cumulative Layout Shift) | < 0.1 | 0.1-0.25 | > 0.25 |
Outils gratuits
| Outil | Ce qu’il mesure |
|---|
| Google PageSpeed Insights | Core Web Vitals, suggestions |
| GTmetrix | Temps de chargement détaillé |
| WebPageTest | Tests multi-locations |
| Lighthouse (Chrome DevTools) | Audit complet |
| Pingdom | Monitoring continu |
PageSpeed donne un score de 0 à 100 :
| Score | Signification |
|---|
| 90-100 | Excellent (vert) |
| 50-89 | À améliorer (orange) |
| 0-49 | Mauvais (rouge) |
Les coupables habituels
| Problème | Impact | Solution |
|---|
| Images non optimisées | ⭐⭐⭐⭐⭐ | Compression, WebP |
| Trop de JavaScript | ⭐⭐⭐⭐ | Minification, lazy load |
| Serveur lent | ⭐⭐⭐⭐ | CDN, meilleur hébergement |
| Pas de cache | ⭐⭐⭐ | Cache navigateur |
| Fonts lourdes | ⭐⭐ | Preload, subset |
| Plugins WordPress | ⭐⭐⭐⭐ | Nettoyage, alternatives |
Objectifs par type de page
| Page | Objectif LCP |
|---|
| Homepage | < 2s |
| Pages produits | < 2.5s |
| Listings/Catégories | < 2.5s |
| Checkout | < 2s (critique) |
| Blog | < 3s (acceptable) |
Quick wins
Impact immédiat (cette semaine)
- Compresser les images : -50% du poids page
- Activer la compression Gzip : -70% du poids texte
- Mettre en cache : Chargement instant pour les retours
Impact moyen terme (ce mois)
- Utiliser un CDN : Cloudflare gratuit
- Lazy loading images : Chargement différé
- Minifier CSS/JS : Moins de code à charger
Impact long terme
- Améliorer l’hébergement : Serveur plus rapide
- Refactoring : Code plus léger
- AMP ou PWA : Solutions avancées
Vitesse perçue vs réelle
La vitesse perçue compte autant que la vitesse réelle :
| Technique | Effet |
|---|
| Skeleton loading | ”Ça charge, patience” |
| Progressive images | Flou → Net |
| Contenu au-dessus du fold d’abord | L’essentiel visible vite |
| Animation de chargement | Distraction positive |
Fixez un “budget” pour garder votre site rapide :
| Ressource | Budget max |
|---|
| HTML | 50 KB |
| CSS | 100 KB |
| JavaScript | 300 KB |
| Images | 500 KB par page |
| Fonts | 100 KB |
| Total | ~1 MB |
Suivi continu
Mettez en place un monitoring :
- PageSpeed Insights : Vérification mensuelle
- Google Search Console : Core Web Vitals
- Alertes : Si temps > 4s
- A/B tests : Impact des changements