Selon Google, chaque seconde supplémentaire de chargement d'une page réduit le taux de conversion mobile de 20 %. La vitesse est désormais un élément indispensable tant pour le SEO que pour l'expérience utilisateur.
Optimisation des images
Les images représentent 60 à 70 % de la taille totale des pages sur la plupart des sites. Les étapes essentielles consistent à passer au format WebP (25 à 35 % plus petit que le JPEG), à dimensionner correctement (ne pas charger d'images inutilement grandes), à utiliser le lazy loading (charger tardivement les images hors de la zone d'affichage) et à proposer des images responsives avec "srcset".
CSS et JavaScript
Le CSS et le JS non utilisés doivent être supprimés (tree shaking). Les fichiers doivent être minifiés et compressés (gzip/brotli). Les ressources bloquant le rendu doivent être différées avec les attributs async ou defer. Le CSS critique doit être intégré en ligne.
Cache et CDN
Cache du navigateur : TTL long (1 an) pour les fichiers statiques. Cache côté serveur : les pages dynamiques doivent être mises en cache. CDN (Cloudflare, Fastly) : le contenu statique est servi à partir du serveur le plus proche de l'utilisateur, ce qui réduit considérablement le temps de latence. Même le forfait gratuit de Cloudflare fait une énorme différence.
Objectifs Core Web Vitals
LCP (Largest Contentful Paint) < 2.5s. INP (Interaction to Next Paint) < 200ms. CLS (Cumulative Layout Shift) < 0.1. Effectuez des mesures régulières avec PageSpeed Insights et Lighthouse. L'accumulation de petites améliorations apporte un avantage majeur en termes de référencement.