Das Marketing für Core Web Vitals (CWV) war ein riesiger Erfolg. Ich schätze, das passiert, wenn die dominante Suchmaschine der Welt den Leuten sagt, dass etwas ein SEO-Faktor sein wird. Wisst ihr, welche Sprache eine große Rolle bei diesen CWV-Scores spielen kann? Ich warte fünf Minuten, damit ihr darüber nachdenken könnt. Nur ein Scherz, es ist CSS.
Katie Hempenius und Una Kravets
Die Art und Weise, wie Sie Ihre Stile schreiben und Layouts erstellen, kann einen großen Einfluss auf die Core Web Vitals haben. Dies gilt insbesondere für Cumulative Layout Shift (CLS) und Largest Contentful Paint (LCP).
Zum Beispiel…
- Absolute Positionierung von Dingen nimmt sie aus dem Fluss und verhindert Layoutverschiebungen (aber bitte lesen Sie das nicht so, dass wir alles absolut positionieren sollten).
- Laden Sie keine Bilder, die Sie nicht laden müssen (z. B. verwenden Sie einen CSS-Gradienten stattdessen), was diesem ein gewisses Ansehen verleiht.
- Perfekte Schriftart-Fallbacks helfen definitiv bei Layoutverschiebungen.
Es gibt noch eine ganze Reihe weiterer praktischer Ideen in dem Artikel, und sie sind alle gute Ideen (weil gute Performance aus vielen Gründen gut ist), selbst wenn der SEO-Aspekt Sie nicht überzeugt.
Hmm, danke Chris, ich werde mir das ansehen und schnelle Updates auf meinen Websites vornehmen, um sie konform zu machen.
Danke Chris, wie immer hilfreich. Aber ich frage mich manchmal, warum wir jedes Rad neu erfinden und umbenennen? Hat sich jemand anders jemals so gefühlt? CSS-SEO-Positionierung, korrekter Text, all diese Dinge sind wie Teil der Ideologie der Standardsbewegung von früher, es ist nur eine weitere Umbenennung LOL, das hast du richtig erkannt
Ja!! CSS kann absolut einen großen Einfluss haben.
Wir haben viele Drittanbieter-Websites optimiert, bei denen die Optimierung ihres Font-Stacks ein Hauptproblem darstellte, das wir beheben mussten, um CLS zu beheben.
Auch die Verwendung von max/min-height/width ist großartig, um Dinge responsiv zu halten, gibt den Browsern aber gerade genug Informationen, um Platz für Elemente zu reservieren und Verschiebungen zu vermeiden.