Vous pouvez pousser plus loin la personnalisation d’un bloc natif grâce à CSS, si les options proposées dans l’éditeur ne sont pas suffisantes. On va voir comment déclarer une feuille de style dédiée à un bloc, et comment utiliser les variables CSS déclarées par WordPress dans le theme.json.
Cours Premium
Ce cours est hyper intéressant !
Mais il est réservé aux détenteurs d’une offre premium.
Envie de nous rejoindre ?
Déjà membre ? Connexion
GAETAN MARSAULT
Le 28 octobre 2025
Salut Maxime,
J’aimerai avoir ton avis sur un sujet : en éco-conception, il y a un outil qui s’appelle l’ecoindex, je ne sais pas si tu connais (https://www.ecoindex.fr/). C’est un peu comme un Nutriscore, pour une page donnée, ça te donne un score basé sur 3 choses :
– la complexité du DOM
– le nombre de requête
– le poids de la page
Depuis l’arrivée du FSE, j’ai l’impression que les DOM sont de plus en plus lourds (avec toutes les classes CSS et les styles inlinés), ce qui peut faire augmenter aussi le poids des pages.
Je vois bien les avantages du FSE (rapidité de conception, etc), mais j’ai l’impression que c’est au détriment des critères qui sont challengés via l’Ecoindex.
As-tu un avis sur la question ? Ou des solutions pour combiner l’écoconception et le FSE ?
Merci pour ta réponse !
Maxime BJ
Le 28 octobre 2025
Ta question est très pertinente. La team Core Performances veille justement à tout cela !
– côté DOM, le FSE est l’éditeur qui écrit le moins de HTML pour afficher la page
– les requêtes sont réduites car le CSS des blocs est inliné dans la page
– la page chargée est donc la plus légère possible, tout en limitant les requêtes
Là dessus je pense que WordPress est un des meilleurs élèves.
Bien entendu, le CSS chargé dans la page ne contient que les blocs et les variables du design system.
Le Js et CSS des blocs qui ne sont pas présents dans la page ne sera pas chargé inutilement.
Donc au final, en faisant confiance à la Team Core Performances, on obtient de super performances nativement.
Il faut simplement veiller à utiliser les mécanismes natifs de WordPress, limiter le nombre d’extensions, et utiliser un cache et une extension d’optimisation d’images.
Mais également limiter les scripts externes (google analytics, youtube, meta…).