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.
Gute Erklärung von Cumulative Layout Shift… ein bisschen langatmig. Hätten sie es nicht einfach Layout Shift oder vielleicht "Zeug, das herumspringt" nennen können? Es gab zwei weitere sperrig klingende Dinge in Core We… wie hieß es noch mal.
Die anderen beiden sind
LCP – Largest Contentful Paint (Größter inhaltsreicher Anzeigebereich)
FID – First Input Delay (Erste Eingabeverzögerung)
In der Tat nicht die am einfachsten zu merkenden Namen.
Das bisschen CLS, das ich auf meinen Websites habe, liegt an Google AdSense. Es ist frustrierend.
Und Bilder mit fließender Breite, die responsiv sind.