“Le chargement paresseux des CSS est-il une mauvaise pratique ? Un googleur met en garde

Googler : Comme les CSS peuvent déterminer la mise en page, le CLS (Cumulative Layout Shift) peut être affecté, il faut donc s'en méfier.
SIA Team
October 29, 2021

John Mueller est un Googler (une personne qui travaille pour Google). Il est un défenseur de la recherche et, actuellement, il anime et répond aux questions pendant les SEO Office-Hours en anglais.

Au cours de la 33e minute de l’émission “English Google SEO Office-Hours” du 22 octobre 2021, John a répondu à la situation d’un participant. En fait, il s’agissait d’une question sur le chargement paresseux et les mesures de l’expérience de la page.

La question spécifique que j’aborde ici se situe à la 32e minute et 58 secondes de la vidéo ci-dessous.

Cela dit, j’ai placé la vidéo en file d’attente à un moment antérieur, à savoir à 30 minutes et 15 secondes. Je l’ai fait parce que c’est là que la conversation commence, et si vous la regardez quelques minutes plus tôt, vous aurez un contexte qui vous permettra de mieux comprendre le sujet.

Vous pouvez donc voir qu’à la 32ème minute, la question clé a été posée :

Le participant a demandé, “…Je veux dire, le chargement paresseux, est-ce une mauvaise pratique ? Ou y a-t-il quelque chose de mal à cela ?”

John a répondu :

“Je pense que c’est parfaitement bien de faire comme ça. En ce qui concerne CSS en particulier – je ne sais pas, JavaScript l’est probablement moins – mais CSS en particulier, puisqu’il affecte la mise en page, cela pourrait affecter le score CLS.”

(CLS signifie Cumulative Layout Shift, et est l’une des principales mesures de Page Experience. J’ai écrit à ce sujet ici : Google publie une vidéo sur l’amélioration de l’expérience des pages via le décalage cumulatif de la mise en page (CLS)).

John poursuit :

“Et cela pourrait avoir une incidence sur la compréhension du fait qu’une page est adaptée ou non aux mobiles.

“C’est donc un point à surveiller. Mais sinon, si vous utilisez le chargement paresseux, et que vous rendez vos pages beaucoup plus rapides pour les utilisateurs, alors c’est comme, bon travail. Ouais, ça sonne bien”.

Donc, c’est quelque chose à surveiller – comment le chargement paresseux de CSS (ou peut-être même de JS ou de tout autre aspect de votre page) peut affecter les scores de Page Experience, comme CLS ou Page Speed.

Et si vous effectuez cette opération dans le but d’améliorer un aspect quelconque de l’expérience de la page, lisez mon article intitulé : Google Page Experience : Tout ce que vous devez savoir.

(Comme son titre l’indique, il vous donne le “tout autre” que vous devez savoir pour obtenir un avantage).

Source : Chaîne YouTube Google Search Central