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” or “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.
You doit then incorporate this code into the head of your page(s), either manually, or with a dedicated plugin, or any cache or optimizer plugin.
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 voie d'optimisation, afin d'avoir le CSS le plus adapté, il vaut la peine d'utiliser cette astuce une fois pour chaque groupe de pages sensiblement différent que vous avez sur votre site, chacune utilisant probablement un CSS très différent (ex : pages de forum, articles normaux, types de publications 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.
