Pourquoi ce guide ?Notre agence SEO Annecy applique cette méthode chaque semaine sur les projets clients. Ce guide synthétise notre approche concrète, sans bullshit. Si vous voulez qu'on s'en occupe pour vous, demandez un audit gratuit.
Un site lent fait fuir les visiteurs et plafonne en SEO. Depuis l'arrivée des Core Web Vitals dans les signaux de classement, la performance n'est plus un confort technique : c'est un critère commercial.
Les Core Web Vitals expliqués simplement
Trois métriques : LCP (le temps que met le contenu principal à apparaître), CLS (la stabilité visuelle pendant le chargement), INP (la réactivité aux interactions). En 2024, INP a remplacé FID. Chaque métrique a un seuil bon, à améliorer, mauvais.
LCP : viser sous 2,5 secondes
Le LCP est l'élément le plus visible au-dessus de la ligne de flottaison. C'est souvent une image hero, un titre, une vidéo. L'optimiser passe par le chargement prioritaire, le CDN, les formats modernes (AVIF, WebP).
INP : la nouvelle métrique d'interaction
INP mesure le pire délai de réponse à une interaction utilisateur. Un site qui rame au scroll, au clic ou à la saisie pénalise INP. La cause principale : trop de JavaScript exécuté sur le thread principal.
Mobile-first : la règle absolue
Google indexe d'abord la version mobile. Si votre site mobile est plus pauvre que le bureau (contenus cachés, fonctionnalités amputées), c'est cette version pauvre qui sera classée. Concevoir pour le mobile en premier n'est plus un choix mais un prérequis.
Optimisation des images : l'effort qui paie le plus
Les images représentent souvent 60-80 % du poids d'une page. Formats modernes (AVIF, WebP), compression adaptative, lazy loading hors écran, dimensions explicites pour éviter les sauts visuels (CLS). Une optimisation images bien faite divise le poids par 5 à 10.
Pourquoi AVIF et WebP plutôt que JPG/PNG
À qualité visuelle équivalente, AVIF pèse 30-50 % de moins que JPG, WebP 25-35 %. Les navigateurs récents les lisent tous. Servir le bon format au bon navigateur via la balise <picture> est désormais standard.
JavaScript et CSS : moins, c'est mieux
Chaque kilo de JavaScript bloquant retarde le LCP et pénalise INP. Code splitting, suppression des polyfills inutiles, CSS critique inline, polices optimisées (variable, subset). Sur Next.js et frameworks modernes, ces optimisations sont en grande partie automatiques.
Hébergement et CDN
Un site hébergé près de l'utilisateur charge plus vite. Vercel, Cloudflare, Netlify proposent un CDN mondial natif. Pour une cible 100 % France, n'importe quel hébergement européen sérieux suffit, à condition d'utiliser un CDN pour les assets statiques.