Schlechte CLS (Cumulative Layout Shift) Werte bei Google Search Console

Thema wurde von Anonymous, 5. Juni 2020 erstellt.

  1. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    11. Juli 2018
    Beiträge:
    196
    Danke erhalten:
    24
    Danke vergeben:
    24
    #21 Anonymous, 20. November 2020
    Zuletzt bearbeitet: 20. November 2020
    Hallo Orange Raven,
    danke für die Infos hier. Dann wäre es also sinnvoll, den Slider raus zu nehmen und stattdessen "Content Zone anstelle Slider" zu aktivieren. Tut man das jedoch, dann bugt die ganze Seite. Ich habe jetzt den Slider für Mobile anzeigen deaktiviert.

    Edit: Lieber nicht machen, die Bearbeitung im Backend ist dann nicht mehr möglich, ich mach nen Ticket auf.
     

    Anhänge:

  2. Orange Raven

    Orange Raven Erfahrener Benutzer

    Registriert seit:
    3. April 2013
    Beiträge:
    359
    Danke erhalten:
    139
    Danke vergeben:
    50
    Da sollte eigentlich kein Fehler passieren. Dafür ist die Funktion ja da. Ticket ist also richtig.

    Man müsste eben mal mit und ohne Slider testen ob es einen Unterschied beim CLS macht. Insgesamt, sollte das aber nicht passieren, wenn das wirklich der Grund ist. In diesem Fall liegt der Ball dann bei Gambio zu schauen, wie man hier strukturell gegensteuern könnte.
     
  3. Anonymous

    Anonymous Aktives Mitglied

    Registriert seit:
    20. Mai 2020
    Beiträge:
    43
    Danke erhalten:
    5
    Moin.

    Am Slider liegt es auch nicht, bei uns ist der Slider nur in der Desktopversion aktiv.

    Übrigens laden wir alle Grafiken mit Lazy Loading.
     
  4. Orange Raven

    Orange Raven Erfahrener Benutzer

    Registriert seit:
    3. April 2013
    Beiträge:
    359
    Danke erhalten:
    139
    Danke vergeben:
    50
    Ein Link wäre nach wie vor hilfreich.
     
  5. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    15. Mai 2017
    Beiträge:
    684
    Danke erhalten:
    125
    Danke vergeben:
    176
    Ich hatte das auf die "Bilder Bilder doppelt laden mit Loading Spinner" bei den Artikel bezogen.
    Passt aber ggf. auch auf Dein Beispiel.

    Ich bin kein Profi, aber aus meinem laienhaften Verständnis geht es bei CLS (Cummulative Layout Shift), darum, dass Ressourcen (hier Bilder) nachgeladen werden und dadurch, während man schon auf der Seite etwas liest/anschaut, das Layout verschoben wird, also die Stelle auf der Page wo man gerade war, z.B. nach unten verschoben wird, weil weiter oben noch ein Bild oder eine Werbung geladen wird. Spiegel Online ist ein gutes Beispiel dafür, gerade mobile.

    Ich könnte mir vorstellen, dass das doppelte Laden von Bildern mit Loading Spinner ("Nachladen") auf den Artikel Seiten von Google als CLS interpretiert wird. Die Seiten die bei mir diesbzgl angemeckert werden sind (bisher) auch "nur" die Artikelseiten.
     
  6. Orange Raven

    Orange Raven Erfahrener Benutzer

    Registriert seit:
    3. April 2013
    Beiträge:
    359
    Danke erhalten:
    139
    Danke vergeben:
    50
    Kann dir gerade irgendwie nicht folgen. Meinst du die Animation, die kommt wenn Bilder noch geladen werden?

    Genau darum geht es. Ein Element plotppt auf (siehe Video das ich verlinkt habe) und dann schmeißt sich noch ein Element dazwischen und verschiebt das eigentlich schon geladene Element. Sehr nervig bei Seiten wie Stern, Spiegel und Zeit wo so gerne Werbungen eingeblendet werden.

    CLS findet man am besten indem man ein Video vom Aufbau rendert. Am besten von einem weiter entfernten Messort aus (z.B. Nordamerika) und ggf. dann in slow motion. Da sieht man dann schön die genaue Reihenfolge.
     
  7. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    15. Mai 2017
    Beiträge:
    684
    Danke erhalten:
    125
    Danke vergeben:
    176
    "Kann dir gerade irgendwie nicht folgen. Meinst du die Animation, die kommt wenn Bilder noch geladen werden?"

    Nein, ich meine, wenn man einen Artikel aufruft (bis 4.2.0.1) werden die Bilder 2x geladen, dazwischen sieht man den "LoadingSpinner" das sich drehende Warteelement von Gambio. Das führt m.E. zu CLS bei Google.

    Aber ich habe verstanden Gambio ist da dran. In 4.3. soll das nicht mehr der Fall sein, also gibt es da wohl gute Chancen auf eine schnelle Lösung.
     
  8. Orange Raven

    Orange Raven Erfahrener Benutzer

    Registriert seit:
    3. April 2013
    Beiträge:
    359
    Danke erhalten:
    139
    Danke vergeben:
    50
    Jetzt weiß ich was du meinst. Da stand ich gestern einfach etwas auf dem Schlauch. Hatte nur Loading Spinner gelesen und war beim zweiten mal Nachdenken dann kurz verwirrt.

    Das könnte sein. Obs so ist, wissen wir erst wenns Auswirkungen hat.
     
  9. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    14. Juni 2018
    Beiträge:
    1.549
    Danke erhalten:
    228
    Danke vergeben:
    998
    Bei mir das gleiche Problem.
    Seit aufspielen des Updates alle Produkt URL von "zu optimierend" auf "schlecht" gewechselt.
    Dazu immer wieder neue Produkte die aus dem Merchant Center fallen wegen Bildproblemen.

    Ich hoffe täglich auf einen Fix aber bislang weiss man nur das Gambio dran ist aber nicht wie weit fortgeschritten die Behebung des Problems ist.
     
  10. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    11. Juli 2018
    Beiträge:
    196
    Danke erhalten:
    24
    Danke vergeben:
    24
    Wir haben Besserung erzielt durch Verkleinerung und Komprimierung der Startseitengrafiken in den großen 1200x1200px Boxen. Dadurch keine schlechten Seiten mehr.
     
  11. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    14. Juni 2018
    Beiträge:
    1.549
    Danke erhalten:
    228
    Danke vergeben:
    998
    Du bist allerdings auch schon auf 4.3.1 und hast diesen Bilder Bug nicht mehr.
    Da sich bei uns an den Grafiken nichts geändert hat, denke ich das der Bilder Doppelt Laden Bug klar dafür verantwortlich ist.
     
  12. Wilken (Gambio)

    Wilken (Gambio) Erfahrener Benutzer

    Registriert seit:
    7. November 2012
    Beiträge:
    18.737
    Danke erhalten:
    7.309
    Danke vergeben:
    2.208
    Könnte sein, muss aber nicht. Für bewiesen halte ich das nicht.
     
  13. Orange Raven

    Orange Raven Erfahrener Benutzer

    Registriert seit:
    3. April 2013
    Beiträge:
    359
    Danke erhalten:
    139
    Danke vergeben:
    50
    Am besten mal eine Messreihe. Habe mal unser jungfräuliches Testsystem (4.2.1) bemüht.

    GT Metrix misst seit neuerem auch den CLS. Messdokumente im Anhang.

    Gemessen wurden verschiedene Startseiten, sowie die Kategorienseite.

    Kategorienseite hatte CLS 0,0
    Startseite ohne Produkte hatte CLS 0,0
    Startseite mit Produktlisten hatte CLS 0,12
    Startseite mit Produktswiper hatte 0,41
    Startseite mit Produktswipern und kleine Produktbilder: 0,27

    Deutet für mich erstmal darauf hin, dass tatsächlich die Produktbilder das Problem verursachen.
     

    Anhänge:

  14. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    Auf der Startseite werden die Artikelbilder aber nicht doppelt geladen, sondern im Artikel.
     
  15. Orange Raven

    Orange Raven Erfahrener Benutzer

    Registriert seit:
    3. April 2013
    Beiträge:
    359
    Danke erhalten:
    139
    Danke vergeben:
    50
    Hab ich auch nicht behauptet :)

    Habe nur geschrieben, dass es nach diesem ersten Test so aussieht, als wenn CLS durch die Produktlisten und die Produktswiper verursacht wird und nicht (wie von mir erst angenommen) durch den Slider. Wobei das oben natürlich nur wenig Aussagekraft hat.

    Wenn ich Zeit finde, werde ich mal ein paar Kundenseiten prüfen und die entsprechenden Maßnahmen checken. Muss ich aber natürlich erst mit den Kunden besprechen, weils ja im Live Shop passieren muss.
     
  16. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    Du hast ja auch von der Startseite geschrieben. Nur weil die Beiträge unmittelbar davor von Artikelbildern im Produkt handelten, wollte ich das deutlicher unterscheiden. :)
    Den Vergleich mal so zu sehen ist gut.
     
  17. Orange Raven

    Orange Raven Erfahrener Benutzer

    Registriert seit:
    3. April 2013
    Beiträge:
    359
    Danke erhalten:
    139
    Danke vergeben:
    50
    Mir ging es erstmal nur um die Startseite, weil es dort aus meiner Sicht die Hauptprobleme gibt. Habe aber mal noch ganz schnell die Produktseiten getestet.

    Seite mit Artikel mit mehreren Bildern: CLS 0,2
    Seite mit Artikel mit einem Bild: 0,0 CLS
    Seite ohne Artikelbild: 0,0 CLS

    Auch hier deutet für mich alles auf den Bildswiper hin, den es bei Produkten mit mehreren Bildern ja auch da gibt.
     

    Anhänge:

  18. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    War das jetzt eine Shopversion 4.2.0.1 oder 4.3.1.0?
     
  19. Orange Raven

    Orange Raven Erfahrener Benutzer

    Registriert seit:
    3. April 2013
    Beiträge:
    359
    Danke erhalten:
    139
    Danke vergeben:
    50
    4.2.1.0
     
  20. Orange Raven

    Orange Raven Erfahrener Benutzer

    Registriert seit:
    3. April 2013
    Beiträge:
    359
    Danke erhalten:
    139
    Danke vergeben:
    50
    Noch dazu erwähnt, dass die Produktlisten bzw. Slider auch bei Crossselling, Empfehlungen usw. eingesetzt werden. Das habe ich jetzt nicht gemessen, dürfte aber das gleiche Ergebnis liefern wie bei der Startseite.