Performance & typographie

Core Web Vitals, polices auto-hébergées, images responsives et règles de la typographie française à l'écran : un site rapide et lisible.

• 
  Core Web Vitals : comprendre LCP, INP et CLS et améliorer un site WordPress

  Les trois signaux Web essentiels de Google (LCP sous 2,5 s, INP sous 200 ms, CLS sous 0,1 au 75e centile), le remplacement du FID par l'INP le 12 mars 2024, la différence entre données de terrain et de laboratoire, et les leviers propres à WordPress.

• 
  Images responsives : srcset, sizes, chargement différé et fetchpriority

  Comment servir des images à la bonne taille avec srcset et sizes, quand utiliser loading="lazy" et quand l'éviter, l'intérêt de width et height, fetchpriority pour l'image principale, et ce que WordPress fait automatiquement depuis les versions 4.4, 5.5 et 6.3.

• 
  Polices web auto-hébergées : WOFF2, font-display, préchargement et RGPD

  Pourquoi et comment servir ses polices depuis son propre site : le format WOFF2 et la compression Brotli, les déclarations @font-face, font-display: swap, unicode-range, le préchargement, les polices variables, les licences, et la décision allemande de 2022 sur Google Fonts.

• 
  Typographie française sur le web : espaces, guillemets, césure et lisibilité

  Les règles de la typographie française appliquées à l'écran : espaces insécables avant les ponctuations hautes, guillemets « », apostrophe, majuscules accentuées, nombres, attribut lang et césure, longueur de ligne, interlignage et exigences d'espacement des WCAG.