Vier Möglichkeiten, die Seitengeschwindigkeit zu verbessern und Core Web Vitals zu meistern

Google hat gerade seinen Suchalgorithmus aktualisiert und bietet damit die perfekte Gelegenheit, das Seitenranking Ihrer Website mit diesen Core Web Vitals-Tipps zu verbessern.

Das neueste große Update von Google für seinen Suchalgorithmus konzentriert sich stark auf die Benutzererfahrung durch eine neue Reihe von Ranking-Faktor-Metriken namens Core Web Vitals. Erste Ergebnisse von Core Web Vital-Audits zeigen, dass die Leistung einer durchschnittlichen Website unter diesen neuen Standards liegt. Die Untersuchungen von Searchmetrics ergaben, dass Websites die Seitenladezeit im Durchschnitt um fast eine Sekunde verkürzen konnten, indem ungenutztes JavaScript entfernt wurde.

Dies bietet eine erstaunliche Gelegenheit, andere Websites zu übertreffen, indem Sie Ihre eigenen Seitenrankings verbessern.

Hier finden Sie alles, was Sie über Core Web Vitals wissen müssen, sowie vier einfache Schritte zur Verbesserung Ihrer Metriken.

Inhalte, die in Zusammenarbeit mit Searchmetrics erstellt wurden.

Was sind die Core Web Vitals-Metriken?

Core Web Vitals sind eine Erweiterung der Seitenerfahrungssignale von Google, die Mobilfreundlichkeit und HTTPs beinhalten. Die drei Core Web Vitals-Metriken messen die Ladeleistung, Interaktivität und visuelle Stabilität, die Google als eine genaue Darstellung einer realen Benutzererfahrung ansieht.

1. Largest Contentful Paint (LCP) misst die Ladezeit des größten Bild- oder Textblocks, der aus Sicht des Benutzers sichtbar ist.
2. First Input Delay (FID) misst die Interaktivität auf der Seite, indem die Zeit von der ersten Interaktion eines Benutzers mit der Website bis zu dem Zeitpunkt, an dem der Browser auf diese Interaktion reagiert, berechnet wird.
3. Cumulative Layout Shift (CLS) bezieht sich darauf, wie stark sich der Inhalt während des Seitenrenderings verschiebt.

So überprüfen Sie Ihre Seitengeschwindigkeitseinblicke

Es gibt viele Online-Tools, die Ihren Page-Ranking-Score überprüfen, darunter PageSpeed ​​Insights, Chrome User Experience Report, Lighthouse Audit und Search Console. Diese Seiten messen die Seitengeschwindigkeit in verschiedenen Elementen und zeigen die Ergebnisse mithilfe eines Ampelsystems an. PageSpeed ​​Insights bietet eine Aufschlüsselung der Ergebnisse und hebt Verbesserungsbereiche hervor.

Was bedeutet „gute“ Leistung in Zahlen?

Zur Bereitstellung eines Bei guter Benutzererfahrung sollte LCP innerhalb von 2,5 Sekunden nach dem ersten Laden der Seite erfolgen. Seiten sollten einen FID von weniger als 100 Millisekunden haben und einen CLS von weniger als 0,1 aufrechterhalten.

Websites wie Wikipedia haben die höchste Seitengeschwindigkeitsbewertung aufgrund eines leichtgewichtigen Ansatzes für das Webdesign, bei dem hauptsächlich Text und verwendet werden optimierte Bilder. Websites, die stark auf Videoinhalte und Bilder angewiesen sind, laden langsamer und sorgen für eine schlechte Benutzererfahrung. Daher muss ein Gleichgewicht zwischen Design und Benutzererfahrung gefunden werden.

Sehen Sie, wo Ihre Website rankt. Besuch PageSpeed-Einblicke und geben Sie Ihre URL ein. Hinweis: Die höchste Zahl ist Ihr Lighthouse-Score, auch als PageSpeed-Score bezeichnet, der von null bis 100 misst. Obwohl es ein guter allgemeiner Maßstab für die Leistung Ihrer Website ist. Es hängt nicht vollständig mit den drei Core Web Vitals-Metriken zusammen, die als Analyse von LCP, FID und CLS betrachtet werden sollten.

So verbessern Sie Ihre Seitengeschwindigkeit

Das Bestehen gilt als „gute“ Punktzahl in allen drei Bereichen. Durch kleine Änderungen kann der Seitengeschwindigkeitswert um nur eine Sekunde verbessert werden, wodurch die Website von einem „schlechten“ oder „verbesserungsbedürftigen“ Wert in LCP zu einem „guten“ Wert werden kann. Die Reduzierung der Ladezeit macht die Benutzer zufriedener und erhöht den Traffic auf der Website.

Tom Wells, Experte für kreatives Marketing bei Searchmetrics, sagt:

„Alles, was auf einer Website nicht benötigt wird, sollte nicht dort sein.“

Einfach ausgedrückt: Das Identifizieren und Entfernen von Elementen, die nicht verwendet werden oder einen wesentlichen Zweck haben, könnte den Seitengeschwindigkeitswert der Website verbessern.

1. Übergroße Bilder

Schlecht optimierte Bilder sind eine der Hauptursachen für den LCP-Score einer Website, da dies normalerweise das größte zu ladende Element ist. E-Commerce-Unternehmen und Unternehmen, die stark auf Bilder angewiesen sind, können aufgrund der Seitendarstellung mehrerer hochauflösender Bilder schlechtere LCP-Werte erzielen.

Die Optimierung dieser Assets durch Verwendung von responsivem Design oder Bildformatierung der nächsten Generation wie WebP, JPEG 2000 und JPEG XR kann die Punktzahl verbessern, indem die Renderzeit verkürzt wird. Oft können Bilder auf eine viel kleinere Größe komprimiert werden, ohne die Qualität des Bildes zu beeinträchtigen. Kostenlose Ressourcen wie Squoosh können dies für Sie erledigen.

2. Dynamische Inhalte und Anzeigen

Das Laden von Anzeigen auf einer Webseite ist eine der Hauptursachen für einen schlechten CLS-Score. Dies kann darauf zurückzuführen sein, dass sich Elemente auf der Seite verschieben, um dynamische Anzeigen aufzunehmen, was zu einer schlechten Benutzererfahrung führt.

Die Verwendung einer intelligenten Implementierungsmethode wie die Zuweisung von Größenattributen oder CSS-Seitenverhältnisfeldern für alle Anzeigen, Videos und Bildelemente ist eine Möglichkeit, die Verschiebung von Inhalten zu reduzieren. Einige Unternehmen verwenden möglicherweise ein Plugin oder eine Codierung oben auf der Website, um die Anzeigen zu platzieren. Dies könnte jedoch zu einer langsameren Website führen, was sich negativ auf die Benutzererfahrung auswirkt und sich indirekt auf Rankings auswirkt.

Fügen Sie außerdem niemals Inhalte über vorhandene Inhalte ein, außer als Reaktion auf bestimmte Benutzerinteraktionen, da dies eine eventuell auftretende Layoutverschiebung sicherstellt. Wenn Sie beispielsweise auf eine CTA-Schaltfläche klicken und ein Formular angezeigt wird, ist dies eine Ausnahme.

3. Plugin-zentrierte Webökonomie

Plugins können wie „Pflaster über die Risse“ wirken, um Website-Probleme zu lösen, sagt Wells. Trotz der Erstellung einer vorübergehenden Lösung kann die Webleistung verlangsamt und beeinträchtigt werden, da der gesamte Code geladen werden muss, bevor der Benutzer vollständig mit der Webseite interagieren kann.

Die Verwendung von Plugins kann die Anzahl der Serveranfragen erhöhen und die Ausführungszeit von Javascript verlängern. All diese Faktoren können den FID-Score der Website senken.

„Oft suchen wir nach erweiterten Korrekturen und Lösungen, aber manchmal ist es so einfach wie das Löschen dessen, was nicht benötigt wird“, sagt Wells.

Daher kann das Entfernen einiger Plugins, insbesondere nicht verwendeter, die Reaktionsfähigkeit und Geschwindigkeit der Website verbessern.

4. Zu viel Code

Google empfiehlt, sich auf die Gesamtleistung der Website zu konzentrieren.

„Für reaktionsschnelle und gut bewertete Websites ist es entscheidend, dass sie so einfach wie möglich sind“, sagt Wells.

„Je mehr Dinge ein Server laden muss, desto langsamer wird die Ladezeit insgesamt.“

Ungenutztes CSS und JavaScript wirken sich zwar möglicherweise nicht direkt auf die Seitengeschwindigkeit aus, können sich aber dennoch auf die Ladezeiten der Website auswirken, Code-Bloat verursachen und die Benutzererfahrung negativ beeinflussen.

Wann soll ich anfangen?

Die Einführung des neuen Algorithmus durch Google begann Mitte Juni, daher lohnt es sich, damit zu beginnen, zu überprüfen, wie gut Ihre Website bei Seitengeschwindigkeitstests abschneidet. Websites, die gut ranken, haben tendenziell höhere Core Web Vitals-Punktzahlen, und dieser Trend wird sich fortsetzen, da Google mehr Wert auf die Benutzererfahrung legt.
___
von Aoife Morgan
Quelle: SearchEngineWatch