Documentation / Guides

Performance web

Ce que GeneratePerf optimise automatiquement, les options à activer et ce qu'il laisse aux extensions spécialisées.

Appliqué automatiquement

Dès que GeneratePerf est actif, sur le site public :

  • les scripts d’emojis, les filtres SVG, les styles globaux et les styles des thèmes classiques sont retirés ;
  • seul le CSS des blocs réellement utilisés dans une page est chargé ;
  • les indications dns-prefetch inutiles et les en-têtes Link de l’API REST et du lien court sont retirés, tandis que les en-têtes de préchargement et de préconnexion utilisés par les Early Hints (103) sont conservés ;
  • comment-reply n’est chargé que là où l’on peut répondre aux commentaires, et les révisions sont limitées ;
  • les images téléversées sont limitées à 1 200 pixels de large, les fichiers PNG ne sont pas redimensionnés, et les grandes tailles d’image sont supprimées ;
  • les vidéos YouTube intégrées utilisent le domaine sans cookies, et les icônes sont servies dans un seul sprite SVG.

Options à activer

Dans Web performance :

  • Prioriser les images mises en avant : ajoute fetchpriority="high" à l’image mise en avant, en général le Largest Contentful Paint.
  • Chargement anticipé des images mises en avant et Chargement anticipé des premières images du contenu : l’image visible en premier n’est jamais chargée en différé.
  • Précharger les images mises en avant : lance le téléchargement de l’image mise en avant avant que le navigateur ne la découvre.
  • Logo en inline : écrit un logo SVG dans la page au lieu de le charger comme un fichier.

Activez-les par type de contenu, là où l’image mise en avant est visible en haut de la page.

Les scripts que vous choisissez de différer

Le report intelligent charge les scripts que vous listez après la page, un par un, pour que les balises tierces cessent de concurrencer votre contenu.

Ce que GeneratePerf laisse aux autres extensions

GeneratePerf n’a ni cache de pages, ni CSS critique, ni minification CSS/JS, ni compression d’images : ces tâches sont mieux faites par des extensions spécialisées. Il configure pour vous WP Rocket, Perfmatters, Imagify, Cache Enabler et ShortPixel avec le Configurateur en 1 clic, et il est compatible avec FlyingPress.