Votre site a mieux à faire que vous faire attendre. Découvrir PageSpeed.fr

Code et rendu

Les guides PageSpeed.fr consacrés à code et rendu.

54 articlesDes explications. Des étapes. Des sources.
Code et rendu

Auditer les variantes de polices réellement utilisées

Identifier les fichiers nécessaires avant de modifier leur chargement.

Lire le guide
Code et rendu

Font-display : rendre le texte visible sans ignorer sa stabilité

Le mode de chargement d’une police influence à la fois l’attente et le mouvement du texte.

Lire le guide
Code et rendu

Précharger une police : laquelle, et pour quelle page ?

Un préchargement ciblé aide davantage qu’une liste de toutes les variantes.

Lire le guide
Code et rendu

Une police système peut être un choix de performance

Choisir une typographie sans requête supplémentaire, en acceptant les différences de plateforme.

Lire le guide
Code et rendu

Icônes SVG ou police d’icônes : comparer les dépendances

Le format d’une petite icône peut imposer le chargement d’un ensemble beaucoup plus grand.

Lire le guide
Code et rendu

Le CSS critique doit aussi respecter les interactions

Un premier écran correct ne suffit pas à valider une feuille de style différée.

Lire le guide
Code et rendu

Coverage : du CSS non utilisé n’est pas forcément inutile

Interpréter une mesure de couverture dans le contexte du parcours testé.

Lire le guide
Code et rendu

Les imports CSS peuvent allonger la chaîne de découverte

Repérer les feuilles qui ne deviennent visibles au navigateur qu’après une première requête.

Lire le guide
Code et rendu

Minifier le CSS sans confondre taille et comportement

Une réduction de fichier utile doit conserver les règles attendues par le thème.

Lire le guide
Code et rendu

Content-visibility pour les pages longues : où commencer

Réduire le travail de rendu hors écran sans perdre la cohérence du document.

Lire le guide
Code et rendu

Contain : isoler un composant avec une intention précise

Le confinement CSS peut limiter des calculs, mais modifie aussi certaines relations de mise en page.

Lire le guide
Code et rendu

Async et defer ne répondent pas au même besoin

Choisir le chargement d’un script selon ses dépendances et son rôle.

Lire le guide