Search Console améliorer score Cumulative Layout Shift

**elcoyotos** · 29/07/2020, 17h36

Bonjour,

Dans Search Console, Rapport "Signaux Web essentiels" mes pages ont un mauvais scores au Cumulative Layout Shift sur ordinateur, pas sur mobile
Exemple ici

J'ai essayé de simplifier au maximum mais j'ai toujours un mauvais score (j'ai toujours 88 % des chargements de cette page ont un Cumulative Layout Shift (CLS) médiocre (> 0,25).)
Exemple ici

J'ai donc essayé une feuille de style éprouvée : KNACSS
et c'est toujours le même résultat (j'ai toujours 88 % des chargements de cette page ont un Cumulative Layout Shift (CLS) médiocre (> 0,25).)
Exemple ici

J'avoue que je n'y comprend plus rien

Quelqu'un peut-il m'aider à comprendre ce que ne va pas (sur cette page de préférence) ?

Merci d'avance

**NoSmoking** · 30/07/2020, 19h32

Bonjour,
il suffit de suivre les liens indicatifs pour tomber sur cette page explicative : Cumulative Layout Shift (CLS)

**elcoyotos** · 31/07/2020, 08h23

merci de ta réponse. J'ai parcouru beaucoup de liens avant de poser ma question sur ce forum mais le problème, c'est que je ne voie pas le rapport avec ma page !

Peux tu me montrer un exemple de ce que je dois faire pour améliorer mon score sur cette page : https://www.arizona-dream.com/usa/cls/base/index.php ?

Merci d'avance....

**NoSmoking** · 01/08/2020, 17h13

Ta page, au demeurant on ne peut plus simple, c'est du grand foutoir

, duplication de source par exemple.

Fais des tests avec juste le minimum ensuite tu ajoutes un à un tes fichiers pour voir celui qui « bouleverse » ta page.

**elcoyotos** · 01/08/2020, 19h52

C'est quoi duplication de source ? Tu peux me donner un exemple concret stp ?
Avec juste le minimum ? C'est pas déjà le cas ? Y'a peine 50 lignes html....

**NoSmoking** · 03/08/2020, 17h07

C'est quoi duplication de source ?

J'ai regardé rapidement la source et vue plusieurs références identiques, mais pourquoi ne pas mettre le CSS dans la <head> ?

Avec juste le minimum ? C'est pas déjà le cas ? Y'a peine 50 lignes html....

tu commences avec le strict nécessaire puis tu ajoutes tes éléments inclus un par un pour voir celui qui entraine ton désagrément.

**elcoyotos** · 04/08/2020, 18h30

Ok, merci de tes réponses

Un truc que je n'ai toujours pas compris :

duplication de source/références identiques

?
De quoi parles tu ? Des ID, des classes ? C'est dans le fichier css ? Dans le code HTML ? Dans le Javascript ?

J'ai déplacé le css dans le head. Ca améliore considérablement mon score...
A la base, j'avais fais cela (le css dans le body) parce que google le préconisait car cela retardait le rendu de la page....

**NoSmoking** · 05/08/2020, 11h17

Un truc que je n'ai toujours pas compris

j'y ai répondu en te disant que j'avais regardé rapidement le code et vue uniquement des liens dupliqués, donc pas de souci de ce côté là.

Continu tes tests en supprimant notamment le script de fin de page, cela devrait améliorer ton score.

Néanmoins, ne fais pas une fixette la dessus

**elcoyotos** · 05/08/2020, 19h06

ok, merci

Search Console améliorer score Cumulative Layout Shift

Conception Web

Discussions similaires

Partager

Partager