Das Google Chrome-Team teilt Tipps zur Optimierung von Core Web Vitals

Google stellt aktualisierte Empfehlungen zur Optimierung von Core Web Vitals bereit, um Ihnen bei der Entscheidung zu helfen, was Sie priorisieren sollten, wenn die Zeit begrenzt ist.

Core Web Vitals sind drei Metriken, die Ladezeit, Interaktivität und visuelle Stabilität messen.

Google betrachtet diese Metriken als wesentlich, um ein positives Erlebnis zu bieten, und verwendet sie, um Websites in seinen Suchergebnissen zu ranken.

Im Laufe der Jahre hat Google zahlreiche Vorschläge zur Verbesserung der Core Web Vitals-Ergebnisse gemacht.

Obwohl jede der Empfehlungen von Google es wert ist, umgesetzt zu werden, erkennt das Unternehmen, dass es unrealistisch ist, von jemandem zu erwarten, dass er alles tut.

Wenn Sie nicht viel Erfahrung mit der Optimierung der Website-Performance haben, kann es schwierig sein, herauszufinden, was die größten Auswirkungen haben wird.

Möglicherweise wissen Sie nicht, wo Sie mit der begrenzten Zeit anfangen sollen, um sich der Verbesserung von Core Web Vitals zu widmen. Hier kommt die überarbeitete Empfehlungsliste von Google ins Spiel.

In einem Blogbeitrag sagt Google, dass das Chrome-Team ein Jahr damit verbracht hat, die zu identifizieren am meisten wichtige Ratschläge, die es in Bezug auf Core Web Vitals geben kann.

Das Team hat eine Liste mit Empfehlungen zusammengestellt, die für die meisten Entwickler realistisch sind, auf die meisten Websites anwendbar sind und eine bedeutende Auswirkung auf die reale Welt haben.

Folgendes rät das Chrome-Team von Google.

Optimierung von Largest Contentful Paint (LCP)

Die Metrik Largest Contentful Paint (LCP) misst die Zeit, die es dauert, bis der primäre Inhalt einer Seite für Benutzer sichtbar wird.

Google gibt an, dass nur etwa die Hälfte aller Websites den empfohlenen LCP-Schwellenwert erfüllen.

Dies sind die Top-Empfehlungen von Google zur Verbesserung des LCP.

Stellen Sie sicher, dass die LCP-Ressource leicht in der HTML-Quelle zu finden ist

Laut dem 2022 Web Almanac von HTTP Archive haben 72 % der mobilen Webseiten ein Bild als Hauptinhalt. Um LCP zu verbessern, müssen Websites sicherstellen, dass Bilder schnell geladen werden.

Es kann unmöglich sein, den LCP-Schwellenwert von Google zu erreichen, wenn eine Seite darauf wartet, dass CSS- oder JavaScript-Dateien vollständig heruntergeladen, geparst und verarbeitet werden, bevor das Bild geladen werden kann.

Wenn das LCP-Element ein Bild ist, sollte die URL des Bildes in der Regel immer von der HTML-Quelle aus erkennbar sein.

Stellen Sie sicher, dass die LCP-Ressource priorisiert ist

Zusätzlich dazu, dass die LCP-Ressource im HTML-Code enthalten ist, empfiehlt Google, sie zu priorisieren und nicht hinter anderen, weniger kritischen Ressourcen zu verzögern.

Selbst wenn Sie Ihr LCP-Bild mit einem standardmäßigen -Tag in die HTML-Quelle eingebunden haben, kann es die Ladezeit verzögern, wenn sich mehrere
source site

Leave a Reply