Der fast vollständige Leitfaden zu Cumulative Layout Shift

Avatar of Robin Rendle
Robin Rendle am

DigitalOcean bietet Cloud-Produkte für jede Phase Ihrer Reise. Starten Sie mit 200 $ kostenlosem Guthaben!

Hier schreibt Jess B. Peck über Googles Core Web Vitals

Gehen wir einen Schritt zurück. CLS tritt auf, wenn Sie kurz davor sind, auf einen Link zu klicken, und die gesamte Seite verschiebt sich, sodass Sie stattdessen auf einen anderen Link klicken. Es ist, wenn Sie mitten in einem Blogbeitrag sind und eine Anzeige geladen wird und Sie Ihren Platz verlieren. Es ist, wenn... sich das Layout verschiebt. Zumindest versucht es, Folgendes zu messen: die Verschiebungen, wie oft sie auftreten und die Irritation, die sie dem Benutzer verursacht.

Ich habe die Komplexität von Cumulative Layout Shift erst richtig verstanden, nachdem ich Jess' Artikel gelesen hatte. Wie Jess erklärt:

CLS ist ein Maß für einen Roboter, um die Benahrnehmung von Instabilität durch den Benutzer zu approximieren. Das bedeutet, dass wir eine Einheit der Veränderung über die Zeit erhalten. Es ist eine dreidimensionale Gleichung, und es gibt unzählige Dinge, die sie beeinflussen können. […] Die Idee ist eher, Entwickler auf einen Problembereich aufmerksam zu machen, als eine perfekte Messung dafür zu sein, wie ärgerlich eine Seite ist.

Ich hatte dieses Problem, ausgerechnet auf Google.com. Ich tippte immer wieder auf ein Element, *gerade als* es auf dem Bildschirm erschien, und das brachte mich auf die falsche Seite.

Jess stellt fest, dass diese Metriken manchmal mehr Kunst als Wissenschaft sind und wir uns daher nicht darauf konzentrieren sollten, dass nur diese Core Web Vitals-Metriken in Ordnung sind. Chris erwähnte vor einiger Zeit, dass er befürchtet, dass Leute anfangen, diese Metriken zu manipulieren, um ihr SEO zu verbessern.

Dies fühlt sich wie der Beginn einer seltsamen neuen Ära der Web-Performance an, in der sich die Metriken der Web-Performance zu benutzerzentrierten Messungen verschoben haben, aber die Leute trickreiche Strategien implementieren, um diese Zahlen mit Methoden zu manipulieren, die, wenn überhaupt, die Benutzererfahrung *leicht* beeinträchtigen.

Harry Roberts erwähnte etwas Ähnliches:

Ich habe das Gefühl, es ist unsere Verantwortung als Webentwickler, zu erklären, dass wir hier die Benutzerunannehmlichkeiten auf unseren Websites reduzieren wollen. Das soll nicht heißen, dass es einfach ist, und es gibt sicherlich nicht viel, was wir tun können, um die zwielichtigen Leute zu vermeiden, die diese Metriken nur zur Verbesserung des SEO manipulieren.

Wie Jeremy erst kürzlich schrieb:

Die Karte ist nicht das Gebiet. Die Zahlen sind ein Proxy für die Benutzererfahrung, aber es ist notorisch schwierig, immaterielle Ideen wie Schmerz und Frustration zu messen.

Direkter Link →