PageSpeed 90+ : comment nous l'atteignons sur tous nos projets

Pourquoi 90+ n’est pas un luxe en 2026

Un secret qu’on ne vous dit jamais : 40 % des visiteurs quittent votre site s’il met plus de 3 secondes à charger. Ce n’est pas une statistique de 2010. C’est la réalité de 2026. Et cette année, Google a durci les Core Web Vitals qui impactent directement votre classement SEO.

Un PageSpeed faible génère une cascade de dégâts : pertes de trafic SEO, taux de rebond explosif, conversion divisée par 2 ou 3, mauvaise expérience mobile. Pour un site e-commerce, chaque 100ms de latence supplémentaire peut coûter 1 % de chiffre d’affaires.

Chez VirtuoseWeb, nous avons refonte 47 sites en 2025. La moyenne des sites qu’on nous confie ? PageSpeed score de 52 mobile, 68 desktop. Après optimisation Astro ? 96 mobile, 99 desktop.

Ce n’est pas magique. C’est une combination de bonnes décisions techniques prises dès le départ.

Les 5 coupables d’un mauvais PageSpeed

Si votre PageSpeed est inférieur à 90, c’est rarement un mystère. Les mêmes problèmes reviennent dans 95 % des cas. Voici les 5 coupables qui traînent votre site vers le bas.

1. Des images non optimisées (40 % du problème)

C’est le responsable numéro 1. Les images mal compressées, en JPEG brut, en 4000×3000px alors que l’écran n’affiche que 800px : c’est du gaspillage pur.

Un exemple concret : une agence nous confie son site avec une galerie de 12 photos haute résolution (8 à 12 Mo chacune). Total : 120 Mo pour une galerie. Après WebP/AVIF + compression intelligente + lazy loading : 3,2 Mo. Gain : 3700 % plus rapide.

Les solutions :

• WebP/AVIF : réduisez l’image de 30 à 50 % sans perte visible
• Responsive images : servez la bonne taille selon l’écran
• Lazy loading : chargez les images hors écran uniquement quand elles deviennent visibles
• Compression : 80 % qualité regarde identique au 100 % à l’écran

2. JavaScript bloquant (30 % du problème)

WordPress charge son cœur + jQuery + plugins = 2 à 4 Mo de JavaScript par défaut. Tout exécuté avant que la page ne s’affiche. Votre navigateur se met à genoux.

Astro prend une approche radicale : zéro JavaScript par défaut. Vous en ajoutez uniquement là où vous en avez besoin (une slider, un formulaire interactif). Le reste ? Du HTML/CSS pur et super rapide.

3. Des fonts mal chargées (15 % du problème)

Charger 3 or 4 font Web remotes par HTTP synchrone ? Vous ralentissez l’affichage de 200 à 500ms.

Solutions :

• Font-display: swap : affiche le texte tout de suite, puis la font après
• Preload : pré-chargez les fonts critiques
• System fonts : parfois la meilleure option, gratuite et instantanée
• Subset : chargez uniquement les caractères que vous utilisez (latin, pas tous les alphabets)

4. Du CSS inutilisé (10 % du problème)

Tailwind + plugins = souvent 50 Ko de CSS brut. Mais si vous purifiez (tree-shaking), vous gardez que 5 à 8 Ko réellement utilisés. Astro le fait automatiquement.

5. Une TTFB élevée (5 % du problème)

TTFB = Time to First Byte. C’est le délai avant que le serveur ne commence à envoyer. Un serveur loin physiquement, mal configuré, ou surchargé : TTFB de 1 à 2 secondes. Un CDN proche : TTFB de 50 à 200ms.

Astro sur un CDN statique (Vercel, Netlify, Cloudflare) = TTFB de 50 à 100ms mondialement.

Notre stack technique : pourquoi elle performe

Nous avons choisi une stack spécifique pour VirtuoseWeb et nos clients. C’est pas un accident. Chaque technologie est sélectionnée pour une raison : la vitesse.

Pourquoi cette stack ?

• Astro : C’est le seul framework JavaScript qui génère du HTML/CSS 100 % statique par défaut. Pas de JavaScript inutile. Pas de SPA bloquante. Juste du markup rapide.
• Tailwind : Purification CSS automatique. Vous n’envoyez que les classes utilisées. Gain : 50 Ko → 5 Ko.
• GSAP : Pour les animations, c’est incontournable. Optimisé pour la performance, utilise GPU quand possible.
• Vercel CDN : Serverless + edge functions + CDN global. Votre HTML est dupliqué sur 200+ serveurs mondialement. TTFB : toujours en dessous de 200ms peu importe l’endroit.

Le résultat ? Vous avez un site statique, impossible à ralentir, distribué globalement, et un PageSpeed de 95+ en mobile d’office.

«

Un site statique bien construit sera toujours plus rapide qu’un site dynamique « optimisé ». Astro nous permet de générer du statique pour 99 % du contenu, puis d’ajouter du dynamique que là où c’est vraiment nécessaire.

Les 3 niveaux d’optimisation PageSpeed

Pas tous les projets ont le même budget ou les mêmes ambitions. Voici notre approche en 3 niveaux.

Nos clients choisissent le niveau 3 dans 70 % des cas. Pourquoi ? Parce que le ROI est clair : gains SEO + gains de conversion en 6-9 mois. Le coût initial se rembourse vite.

Cas concret : refonte WordPress → Astro

Parlons d’un cas réel. Une agence e-commerce, 5 ans sur WordPress + WooCommerce.

Avant (WordPress) :

• PageSpeed : 42 mobile, 61 desktop
• TTFB : 800ms (serveur mutualisé en Allemagne, base de données lourde)
• Images : JPEG brut, 3000×2400px
• JavaScript : 2.8 Mo (WordPress cœur + WooCommerce + 8 plugins)
• Temps total chargement : 6.2 secondes

Après (Astro) :

• PageSpeed : 97 mobile, 99 desktop
• TTFB : 85ms (Vercel CDN edge)
• Images : WebP + AVIF, 600px max (responsive)
• JavaScript : 0 Ko (ou 12 Ko si on compte les micro-interactions)
• Temps total chargement : 1.1 secondes

Impact commercial :

• Trafic SEO : +28 % en 3 mois
• Taux de conversion : +15 % (moins d’abandon lors du checkout)
• Taux de rebond : -22 %
• Durée de visite moyenne : +40 %

Le site était identique visuellement. Juste plus rapide. Les gains sont venus tout seuls.

Les pièges à éviter (checklist)

Pendant 20 ans d’optimisation web, on a vu les mêmes erreurs se répéter.

Pièges courants :

• ❌ Penser « mon site est rapide pour moi » (vous êtes sur fibre, ce n’est pas représentatif)
• ❌ Charger des fonts Web inutiles (system fonts coûtent zéro)
• ❌ Garder les anciennes images « au cas où » (supprimez le dead weight)
• ❌ Ajouter 15 scripts de tracking sans mesurer leur impact (chacun coûte 100-300ms)
• ❌ Croire qu’un plugin de cache « magique » suffit (ça aide, mais ce n’est pas une solution)
• ❌ Utiliser un WordPress avec 30 plugins (simplifiez votre stack)
• ❌ Ignorer le mobile (85 % de vos visiteurs sont en mobile)
• ❌ Lancer une refonte sans penser performance (c’est trop tard après)

Guide d’action 30 jours

Si vous voulez commencer sans attendre :

Semaine 1 : Testez votre PageSpeed sur Google PageSpeed Insights (pagespeed.web.dev). Notez le score. Identifiez les « problèmes critique »

Semaine 2 : Réduisez les images (compressez avec TinyPNG ou Squoosh), activez le lazy loading, nettoyez les plugins WordPress inutiles.

Semaine 3 : Optimisez les fonts, activez le gzip/Brotli sur votre serveur, créez un sitemap XML.

Semaine 4 : Réévaluez votre PageSpeed. Vous devriez voir +15 à 25 points. Si vous êtes au-dessus de 80, c’est bon. Si vous êtes encore sous 70, envisagez une refonte Astro.

---

En résumé

Un PageSpeed de 90+ en 2026, ce n’est plus optionnel. C’est le standard. Ça impacte votre SEO, votre taux de conversion, l’expérience utilisateur.

Si votre site actuel est sous 70, une refonte Astro est souvent plus rentable qu’une « optimisation » prolongée de votre stack actuel.

Chez VirtuoseWeb, nous mettons la performance au cœur de chaque projet. C’est notre différenciation. Et c’est vérifiable : tous nos projets 2025 sont lancés avec un PageSpeed de 96+ d’office.

Vous avez questions sur votre cas spécifique ? Nous offrons une audit de performance gratuit pour comprendre où vous êtes et ce qui bloquerait votre PageSpeed.