Cela analysera toute URL donnée et concaténera le CSS nécessaire pour afficher le rendu HTML au-dessus du dossier, c'est-à-dire leCSS critique" ou "chemin CSS critique“.
Un outil sympa, qui fait un emploi Il est difficile de s'en passer. De plus, cela renvoie directement une version CSS déjà minifiée.
Vous devez ensuite intégrer ce code dans l'en-tête de votre ou vos pages, soit manuellement, soit à l'aide d'un élément dédié. plugin, ou tout plugin de cache ou d'optimisation.
Cela permettra d'afficher plus rapidement la partie supérieure de la zone initialement visible, sans charger les fichiers CSS externes.
- Cela améliorera-t-il vos statistiques Google ? Probablement.
- Cela améliorera-t-il l'expérience de vos visiteurs occasionnels ? Probablement.
- Cela améliorera-t-il l'expérience de vos visiteurs réguliers ? Non (car cela augmentera le poids de chaque page sur laquelle ce CSS est ajouté, au lieu de l'ajouter uniquement à un fichier externe qui n'est chargé qu'une seule fois).
Conseil n° 1 : videz le cache du serveur ou des plugins juste après
Conseil n°2 : Si vous optez pour cette optimisation, afin d'obtenir le CSS le plus adapté, il est judicieux d'appliquer cette astuce une fois pour chaque groupe de pages sensiblement différent de votre site, chacune utilisant probablement un CSS très différent (ex : forum pages, articles normaux, types d'articles personnalisés …).
Conseil n° 3 : Ce CSS étant un code purement statique (à l'intention de l'utilisateur), il doit être mis à jour à chaque modification importante du CSS de la page.
