Aller au contenu
Korben, roi d’internet, logo bébé avec des lunettes en mode thug life

Accélérer WordPress en chargeant uniquement les styles des blocs utilisés

Si vous êtes utilisateur de WordPress et que vous utilisez les blocs dans votre thème, vous avez peut-être remarqué après avoir analysé votre site qu’une grosse feuille de style venait alourdir tout ça.

Il s’agit de la feuille de style wp-block-library qui contient tous les styles pour tous les blocs.

wp-includes/css/dist/block-library/style.css

J’avais le souci dernièrement, donc j’ai creusé un peu et j’ai découvert que WordPress 5.8 améliorait la façon dont les sites chargeaient les styles de blocs.

En ajoutant un simple filtre dans votre fichier functions.php, il est possible de charger uniquement le fichier

wp-includes/css/dist/block-library/common.css

qui est beaucoup plus petit et qui contient uniquement des styles de base. Les styles des autres blocs seront alors chargés uniquement sur les pages où vous appelez ces blocs.

Image montrant des blocs de styles WordPress pour accélérer la vitesse de chargement

Ce changement ne modifie pas le fonctionnement de WordPress et n’impacte que le front, donc peu de risque que ça casse votre site ou que ça modifie votre design. Je vous invite vraiment à mettre ça en place. De mon côté, ça a vraiment allégé mon site.

Pour cela, ouvrez le fichier functions.php et ajoutez-y la ligne suivante :

add_filter('should_load_separate_core_block_assets', '__return_true');

Sauvegardez, rechargez, observez et voilà !

Si le sujet vous intéresse, vous trouverez plus d’infos ici.


Les articles du moment