Häufige Core Web Vitals-Probleme in WordPress und wie man sie behebt

Fällt es Ihnen schwer, die Core Web Vitals zu bestehen?

Laut Google:

55,4 % aller Websites mit CrUX-Daten erreichen die gute Schwelle für alle drei Metriken – LCP, FID und CLS.

Das Bestehen der CWV-Bewertung ist jedoch keineswegs eine unmögliche Mission.

Tatsächlich handelt es sich um einen dreistufigen Prozess:

• Führen Sie Leistungstests durch
• Identifizieren Sie Core Web Vitals-Probleme
• Optimieren Sie sie

Und am Ende der Lektüre dieses Artikels verfügen Sie über alle erforderlichen Kenntnisse, um jeden Schritt erfolgreich durchzuführen.

Also lesen Sie weiter!

Kurze Zusammenfassung der Core Web Vitals

Möglicherweise sind Sie über diese Google-Erklärung gestolpert:

Aber wie das berühmte Sprichwort sagt: Was man nicht misst, kann man nicht verbessern.

Zumindest war das bei der Messung der Benutzererfahrung vor CWV der Fall.

Bereits im Jahr 2020 führte Google Core Web Vitals ein, um Websitebesitzern eine Reihe definitiver Benchmarks zur Verfügung zu stellen, die sich direkt auf die Benutzererfahrung auswirken und diese ausdrücken. Sie wurden als Teil der umfassenderen Initiative von Google angekündigt, nutzerzentrierte Kennzahlen bei der Bewertung der allgemeinen Web-Gesundheit hervorzuheben.

Im Kern (Wortspiel beabsichtigt) handelt es sich bei CWV um eine Reihe von Leistungsmetriken, die Aufschluss über die Qualität der Benutzererfahrung auf einer Webseite geben. Sie umfassen drei Hauptelemente:

• Ladeleistung (LCP)
• Interaktivität (FID)
• Visuelle Stabilität (CLS)

LCP, oder Largest Contentful Paint, misst die Ladeleistung einer Seite. Es misst die Zeit, die zum Laden des Hauptinhalts der Seite benötigt wird. Als optimal gilt ein LCP von unter 2,5 Sekunden.

FID oder First Input Delay bewertet die Interaktivität und Reaktionsfähigkeit einer Website. Es misst die Zeit von der ersten Interaktion eines Benutzers mit Ihrer Seite (z. B. durch Klicken auf eine Schaltfläche) bis zu dem Moment, in dem der Browser mit der Verarbeitung dieser Interaktion beginnt. Ein guter FID-Wert liegt bei weniger als 100 Millisekunden.

CLS (Cumulative Layout Shift) bewertet die visuelle Stabilität einer Seite. Es untersucht unerwartete Layoutverschiebungen, die ohne Benutzereingabe auftreten. Ein lobenswerter CLS-Wert wäre weniger als 0,1.

Es gibt auch eine vierte Metrik, die FID im März 2024 ersetzen wird – Interaction to Next Paint (INP).

INP zeichnet die Latenz aller Interaktionen während des gesamten Seitenlebenszyklus auf. Dann wird die längste Verzögerung aller Interaktionen als INP der Seite aufgezeichnet.

Der Grund, warum INP FID ersetzen wird, besteht darin, dassersteres eine umfassendere Methode zur Bewertung der Seitenreaktionsfähigkeit einführt und alle Interaktionen misst.Im Gegensatz dazu berücksichtigt FID nur den ersten. Ein guter INP-Wert liegt bei weniger als 200 Millisekunden.

Obwohl INP (vorerst) keinen direkten Einfluss auf Ihre Core Web Vitals-Bewertung hat, hat Google bereits damit begonnen, INP-Probleme über die Search Console zu melden.

Erfahren Sie von Google selbst, wie Sie Ihren INP-Score am besten optimieren können. Registrieren Sie sich für unser exklusives Webinar →

Bestehen der Core Web Vitals: Das 75. Perzentil

Wenn es um Core Web Vitals-Metriken geht, bezieht sich Google oft auf das 75. Perzentil.

Das bedeutet, dass eine Website Leistungskennzahlen anstreben sollte, die bei mindestens 75 % ihrer Seitenbesuche die empfohlenen Schwellenwerte erreichen oder überschreiten.

Auf diese Weise kann sichergestellt werden, dass die meisten Benutzerinteraktionen mit der Website zufriedenstellend sind, anstatt sich nur auf Durchschnitts- oder Mittelwerte zu konzentrieren.

Tools zur Identifizierung zentraler Web Vitals-Probleme

Die ersten beiden Schritte auf Ihrem Weg zur Core Web Vitals-Optimierung erfordern, dass Sie einige Tests durchführen und mögliche Schuldige identifizieren.

Es gibt mehrere beliebte Tools, die Sie unterwegs nutzen können:

1. PageSpeed-Einblicke

Googles PageSpeed ​​Insights bietet sowohl seitenspezifische als auch herkunftsweite CWV-Daten der letzten 28 Tage. Es liefert auch umsetzbare Ratschläge zur Leistungssteigerung.

Aufgrund seiner benutzerfreundlichen Benutzeroberfläche ist es eines der am häufigsten verwendeten Leistungstools. Die Berichtsseite enthält Ihre Core Web Vitals-Bewertung basierend auf Felddaten und die Leistungsbewertung basierend auf Labordaten.

Und ganz unten finden Sie die Widgets „Opportunities & Diagnostics“, die Ihnen eine Liste der Probleme und die jeweiligen Kennzahlen liefern, auf die sie sich auswirken.

2. Google Search Console

Der Core Web Vitals-Bericht in der Search Console enthält Leistungsdaten für einzelne URLs. Dies macht es zu einer großartigen Option, um bestimmte Seiten zu identifizieren, die verbessert werden müssen. Im Gegensatz zu PageSpeed ​​Insights umfasst das Search Console-Reporting historische Leistungsdaten.

So können Sie nachverfolgen, wie wirkungsvoll Ihre Optimierungen sind und ob Sie sich in die richtige Richtung bewegen oder nicht.

Chrome-Benutzererfahrungsbericht (CrUX)

CrUX sammelt reale Benutzererfahrungsdaten von unzähligen Websites und bietet wichtige Erkenntnisse zu Core Web Vitals auf der Grundlage echter Benutzerinteraktionen.

Sie können auf den CrUX-Datensatz im Wesentlichen auf zwei Arten zugreifen:

• Die Chrome UX Report API – ideal für diejenigen, die mit JavaScript und JSON vertraut sind;
• BigQuery – geeignet für Personen mit einem Google Cloud-Projekt und SQL-Kenntnissen.

Obwohl diese Methoden mehr Aufwand erfordern als ein kurzer PageSpeed ​​Insights- oder GSC-Check, bieten sie vielseitige Möglichkeiten zur Datenanalyse und -visualisierung. BigQuery ermöglicht beispielsweise die Datensegmentierung und Integration mit anderen Datensätzen.

Sehen Sie sich Ihre Vorher- und Nachher-CWV-Ergebnisse mit NitroPack an. Testen Sie Ihre Website kostenlos →

Die häufigsten Core Web Vitals-Probleme in WordPress

Größte Contentful Paint (LCP)-Probleme

Wie Sie bereits wissen, misst LCP die Dauer, die das primäre Inhaltselement, wie ein Bild oder ein Textblock, benötigt, um auf einer Webseite sichtbar zu werden.

Jede Verzögerung beim Abrufen des ursprünglichen HTML-Dokuments vom Server kann die LCP-Metrik in den ungünstigen Bereich verschieben.

Und das sind die Hauptschuldigen:

1. Langsame Serverantwortzeiten aufgrund des Budget-Hostings

Langsame Serverantwortzeiten, die häufig bei Shared Hosting oder überfüllten Serverumgebungen zu beobachten sind, können Ihren LCP-Score erheblich beeinflussen.

Wenn die Antwortzeiten des Servers verzögert sind, folgt das Laden der LCP-Elemente diesem Gleichschritt, was zu einem Kaskadeneffekt einer verzögerten Inhaltswiedergabe führt.

Darüber hinaus ist ein wesentliches Merkmal von WordPress seine dynamische Natur, die häufig das Abrufen von Inhalten aus einer Datenbank erfordert. In Szenarien, in denen diese Datenbank auf einem langsamen Server gehostet wird, kann das Abrufen und Anzeigen von Inhalten beeinträchtigt werden, was sich zusätzlich auf die Ladezeit des größten Elements auf Ihrer Seite auswirkt.

Schließlich kann sich die Verwendung von Budget-Hosting negativ auf Ihre Zeit bis zum ersten Byte auswirken. TTFB misst das Intervall, in dem das erste Informationsbyte vom Server an den Browser des Benutzers gesendet wird. Eine verlängerte TTFB ist oft ein Vorläufer einer verzögerten LCP.

Und da Ressourcen wie CPU und RAM beim Shared Hosting auf mehrere Websites aufgeteilt sind, erhält Ihre WordPress-Site möglicherweise nicht immer die Ressourcen, die sie für ein effizientes Laden benötigt.

2. Renderblockierendes JavaScript und CSS, das durch bestimmte Themes und Plugins eingeführt wird

Renderblockierende Ressourcen sind Skripte und Stylesheets, die als Hindernisse fungieren und das Rendern einer Webseite stoppen, bis sie vollständig verarbeitet sind.

Wenn ein WordPress-Theme oder -Plugin Elemente einführt, die das Rendern behindern, verzögert dies zwangsläufig die Sichtbarkeit des Kerninhalts, was dazu führt, dass Websites ihre LCP-Bewertung nicht bestehen.

Wenn es um Ihre WordPress-Site geht, ist weniger mehr.

Mit anderen Worten: Das richtige Gleichgewicht zwischen Funktionalität und Geschwindigkeit einer Website ist entscheidend für das Erreichen dieser grünen Core Web Vitals.

3. Nicht optimierte Bilder

Laut Web Almanac:

Hochauflösende Bilder weisen erhebliche Dateigrößen auf. Ohne Optimierung benötigen diese umfangreichen Dateien mehr Bandbreite, was ihre Download- und Renderzeiten verlängert.

Darüber hinaus können nicht optimierte Bilder zu Rendering-Problemen führen. Wenn Browser auf Bildformate stoßen, die nicht nativ unterstützt werden oder eine zusätzliche Verarbeitung erfordern, kann die anschließende Dekodierung die Gesamtrenderzeit verlängern.

Probleme mit der kumulativen Layoutverschiebung (CLS).

Ein schlechter CLS-Score weist darauf hin, dass sich Elemente auf der Seite während der Lebensdauer einer Seite unerwartet verschieben, was zu einer frustrierenden Benutzererfahrung, wütenden Klicks und höheren Absprungraten führen kann.

Hier sind die Dinge, die dazu führen, dass der Inhalt Ihrer Seite nach oben und unten springt:

1. Bilder ohne festgelegte Größe eingefügt

Ein oft übersehenes Detail bei der Webentwicklung ist die Angabe der Bildabmessungen.

Beim Definieren vonBreiten- und Höhenattributenfür Bilder geht es nicht nur um ästhetische Präzision; Dies ist eine praktische Maßnahme zur Aufrechterhaltung der Layoutstabilität.

Ohne diese Attribute fehlt einem Browser die Voraussicht, dem Bild beim ersten Rendern den nötigen Platz zuzuweisen. Dies scheint belanglos zu sein, bis das Bild vollständig geladen ist.

Wenn die tatsächlichen Abmessungen zu diesem Zeitpunkt größer sind als der standardmäßige oder angenommene Platz, verdrängt oder verdrängt das Bild benachbarte Inhalte, was zu abrupten und störenden Layoutverschiebungen führt.

2. Anzeigenschaltungen ohne reservierte Fläche

Integrieren Sie dynamische Elemente wie Anzeigen, Videos oder andere eingebettete Inhalte?

Sie sollten wissen, dass diese Integration eine Reihe von Herausforderungen mit sich bringt.

Ein wesentlicher Grund ist die Unvorhersehbarkeit der Dimensionen des Inhalts. Wenn Sie nicht proaktiv Platz für diese Elemente reservieren, wird die Seite ohne Berücksichtigung des Platzes gerendert, den sie belegen würden.

Dies wird problematisch, wenn diese Elemente, insbesondere dynamische Anzeigen, geladen werden. Wenn ihre tatsächliche Größe den nicht zugewiesenen oder Standardspeicherplatz überschreitet, beeinträchtigen sie andere Inhalte und führen zu deren Verschiebung.

3. Nicht optimierte Schriftartenbereitstellung

Im Streben nach Markenkonsistenz und fesselndem Design sind benutzerdefinierte Schriftarten zu einem festen Bestandteil des Webdesigns geworden.

Sie bringen jedoch Herausforderungen mit sich, nämlich FOIT (Flash of Invisible Text) und FOUT (Flash of Unstyled Text).

Bei benutzerdefinierten Schriftarten, insbesondere bei schweren oder aus externen Quellen geholten Schriftarten, gibt es eine zeitliche Lücke, bevor sie vollständig geladen und angezeigt werden. Während dieses Intervalls weist eine Seite möglicherweise FOIT auf, bei dem der Text unsichtbar bleibt, oder FOUT, bei dem eine Fallback-Systemschriftart eingefügt wird.

Wenn die geladene benutzerdefinierte Schriftart erheblich von ihrem Ersatz-Gegenstück abweicht, wird das Textlayout neu gemischt. Diese plötzliche Veränderung kann für Benutzer, die mit dem Lesen oder der Interaktion mit Textelementen beschäftigt sind, sowohl verwirrend als auch frustrierend sein.

Probleme mit der ersten Eingabeverzögerung (FID).

Ein blockierter Hauptthread ist eine Hauptursache für schlechte FID-Werte. Wenn im Hauptthread umfangreiche Arbeiten anstehen, müssen Benutzerinteraktionen in der Warteschlange stehen, was zu spürbaren Verzögerungen führt.

Und das sind die Ressourcen, die den Hauptthread am häufigsten blockieren:

1. Schwere JavaScript-Ausführung

Eine starke JavaScript-Ausführung kann die FID auf Websites erheblich beeinträchtigen, vor allem aufgrund der Single-Threaded-Natur von JavaScript.

Wenn ein Browser umfangreiches JavaScript verarbeitet, monopolisiert er den Hauptthread, der für verschiedene kritische Aufgaben verantwortlich ist, einschließlich der Verarbeitung von Benutzereingaben. Wenn ein Benutzer während dieser intensiven Ausführung mit einer Seite interagiert, verzögert sich daher die Antwort.

2. Schlechte Ressourcenpriorisierung

Nicht alle auf einer Website geladenen Ressourcen haben die gleiche Bedeutung für das anfängliche Rendering oder die Benutzerinteraktionen.

Wenn nicht wesentliche Ressourcen Vorrang vor wichtigen haben oder keine ordnungsgemäße Priorisierung vorhanden ist, kann dies dazu führen, dass der Hauptthread mit Aufgaben beschäftigt ist, die die Reaktionsfähigkeit der Seite verlangsamen.

Mit anderen Worten: Eine effektive Ressourcenpriorisierung stellt sicher, dass der Browser weiterhin auf Benutzer reagiert, indem er sich zuerst auf das Wesentliche konzentriert, das Benutzererlebnis optimiert und die FID-Werte niedrig hält.

3. Führen Sie zu viele Skripts von Drittanbietern aus

Plugins von Drittanbietern können die Reaktionsfähigkeit Ihrer Webseiten erheblich beeinträchtigen. Diese Plugins, die häufig in Form von Skripten, Analysetools, Werbenetzwerken oder verschiedenen Widgets vorliegen, können zusätzliche Verarbeitungsaufgaben mit sich bringen.

Darüber hinaus sind viele Plugins von Drittanbietern wie Analysen, Anzeigenverwaltung und Formulare nicht auf Leistung optimiert, was bedeutet, dass sie möglicherweise nicht den Best Practices für die nicht blockierende Skriptausführung oder das effiziente Laden von Ressourcen entsprechen. Einige können sogar eine umfangreiche JavaScript-Ausführung verursachen oder große Nutzlasten mit sich bringen.

Bedenken Sie außerdem, dass Skripte von Drittanbietern häufig auf externe Server angewiesen sind. Jede Verzögerung der Serverantwortzeiten kann ebenfalls zu Latenz führen.

Interaktion mit Next Paint (INP)-Problemen

Wenn man bedenkt, dass INP FID nächstes Jahr ersetzen wird, ist es keine Überraschung, dass sich die Dinge, die sich negativ auf die aktuelle Reaktionsfähigkeitsmetrik auswirken, auch auf die kommende auswirken werden.

Mit anderen Worten: Das Blockieren Ihres Hauptthreads mit langen Aufgaben aufgrund der Ausführung nicht optimierter JavaScript-Dateien führt ebenfalls zu einem schlechten INP-Score.

Aber da ist noch etwas:

1. Große DOM-Größe

Das Document Object Model (DOM) ist das Rückgrat jeder Webseite und stellt ein HTML-Dokument als strukturierten Baum dar. Jeder Zweig dieses Baumes gipfelt in einem Knoten, der verschiedene Objekte beherbergt. Diese Knoten können verschiedene Segmente des Dokuments darstellen, z. B. Elemente, Textinhalte oder Kommentare.

Obwohl das DOM für die Funktion einer Webseite von grundlegender Bedeutung ist, kann seine Größe aus folgenden Gründen zu Problemen mit der Reaktionsfähigkeit führen:

Je größer das DOM, desto größer ist die Anforderung an einen Browser, eine Seite schnell und effektiv darzustellen.

Einfacher ausgedrückt:

Für eine schnelle Reaktion auf Benutzeraktionen ist es wichtig, Ihr DOM auf nur wesentliche Elemente zu beschränken.

Sie könnten über die Definition von „wesentlich“ nachdenken. Gemäß den Lighthouse-Kriterien gilt eine DOM-Größe als belastend, wenn sie1.400 Knoten überschreitet.

Schließen Sie sich den 45 % der Websites an, die ihre Core Web Vitals bestehen. Installieren Sie NitroPack noch heute →

So beheben Sie zentrale Web Vitals-Probleme in WordPress (Checkliste)

LCP optimieren

LCP ist die Kennzahl, mit der Websitebesitzer am meisten zu kämpfen haben. Aus diesem Grund müssen Sie mehrere Optimierungen anwenden:

• Aktualisieren Sie Ihr Hosting : Erwägen Sie die Abkehr vom Shared Hosting.Obwohl es kostengünstig ist, kann es langsamer sein als die teureren Optionen – dedizierte oder Cloud-Hosting-Lösungen. Premium-Hosting-Optionen bieten tendenziell schnellere Reaktionszeiten.
  
• Verwenden Sie einContent Delivery Network (CDN): CDNs speichern zwischengespeicherte Versionen Ihrer Website auf mehreren Servern weltweit. Dadurch wird sichergestellt, dass Benutzer Daten vom nächstgelegenen Server erhalten, wodurch die Zeit zum Abrufen der Daten verkürzt wird.
  
• Datenbanken optimieren : Dazu gehört das Entfernen veralteter Daten, das Optimieren von Abfragen und die effektive Nutzung von Indizes. Bei Websites mit WordPress können Plugins wie WP-Optimize bei der Datenbankpflege helfen.
  
• Wählen Sie das richtige Bildformat : Wählen Sie das effizienteste Format für Ihre Bilder. Während JPEG ideal für Fotos ist, eignet sich PNG besser für Bilder mit Transparenz. Moderne Formate wie WebP können qualitativ hochwertige Grafiken mit kleineren Dateigrößen bieten.
  
• Komprimierung anwenden : Verwenden Sie verlustbehaftete Komprimierung, um die Dateigröße ohne nennenswerte visuelle Verschlechterung zu reduzieren. Verwenden Sie verlustfreie Komprimierung, um bei Bildern, bei denen die Qualität im Vordergrund steht, jedes Detail zu bewahren.
  
• Größe von Bildern ändern: Stellen Sie Bilder bereit, die auf das Gerät und den Darstellungsbereich zugeschnitten sind. Vermeiden Sie die Verwendung großer Bilder, deren Größe dann mit CSS oder im Browser geändert wird. Generieren Sie unterschiedliche Bildgrößen für verschiedene Bildschirmauflösungen und stellen Sie sie mithilfe des Attributs „srcset“ bereit. Oder probieren Sie ein Plugin wie NitroPack aus, das die Größe Ihrer Bilder automatisch ändert.
  
• JS- und CSS-Dateien minimieren : Reduzieren Sie die Größe Ihrer Skripte und Stylesheets, indem Sie unnötige Zeichen, Leerzeichen und Code entfernen. Tools wie Terser (für JS) und CSSNano (für CSS) können dabei helfen.
  
• Verwenden Sie „defer“ oder „async“: Verwenden Sie das Attribut „defer“ für Skripts, die für das erste Rendern der Seite nicht erforderlich sind. Dadurch wird sichergestellt, dass die JS-Dateien der Reihe nach ausgeführt werden, nachdem der HTML-Code analysiert wurde. Verwenden Sie das async-Attribut für Skripts, die nicht auf andere Skripts angewiesen sind und für das erste Rendering nicht kritisch sind. Dadurch kann der Browser die Seite weiter analysieren, während das Skript heruntergeladen wird.
  
• KritischesInline- CSS: Identifizieren Sie das minimal erforderliche CSS für das erste Rendern der Seite und integrieren Sie es direkt in den HTML-Code. Dadurch wird sichergestellt, dass für den Inhalt „above thefold“ wesentliche Stile sofort verfügbar sind.
  

Verbesserung der FID

Um eine reibungslose und schnelle Reaktionsfähigkeit der Seite zu gewährleisten, implementieren Sie die folgenden Optimierungen:

• Verwenden Sie Web Worker : Verlagern Sie komplexe Berechnungen auf Web Worker. Sie führen JavaScript im Hintergrund in einem separaten Thread aus und stellen so sicher, dass der Haupt-Thread reaktionsfähig bleibt.
  
• Priorisieren Sie kritisches JS : Priorisieren Sie das Laden und Ausführen des wichtigsten JS-Codes zuerst. Verwenden Sie rel="preload", um den Browser über Skripte mit hoher Priorität zu informieren.
  
• Reduzieren Sie ungenutztes CSS : Während JavaScript normalerweise der größte Übeltäter ist, blockiert CSS auch den Hauptthread. Indem Sie ungenutztes CSS reduzieren, verringern Sie die Gesamtzahl der Bytes, die heruntergeladen werden müssen. Noch wichtiger ist, dass Sie sicherstellen, dass Browser die Seite schneller rendern können, da sie weniger Vorgänge ausführen müssen.
  
• Lange Aufgaben aufteilen: Teilen Sie längere Aufgaben mithilfe von Techniken wie requestIdleCallback() in kleinere, asynchrone Abschnitte auf. Dadurch wird sichergestellt, dass der Hauptthread häufiger für Benutzereingaben frei bleibt.
  
• Optimieren Sie Ereignis-Listener: Wenn Sie viele Ereignis-Listener für mehrere Elemente haben, sollten Sie eine Ereignisdelegierung in Betracht ziehen. Diese Methode fügt einen einzelnen Ereignis-Listener einem gemeinsamen übergeordneten Ereignis hinzu, wodurch die Anzahl der Listener reduziert und die Leistung verbessert wird.
  

CLS reduzieren

Um die Möglichkeit auszuschließen, dass es bei Benutzern zu unerwarteten Änderungen kommt, stellen Sie Folgendes sicher:

• Definieren Sie Abmessungen für Bilder, Anzeigen und Einbettungen: Geben Sie immer Breiten- und Höhenattribute für Ihre Bilder an. Dies hilft dem Browser, dem Bild vor dem Laden die richtige Menge an Speicherplatz zuzuweisen.
  
• Verwenden Sie „font-display: optional“: Die Verwendung von „font-display: optional“ in Kombination mit „link rel=preload“ für Ihre wichtigsten Schriftarten gilt als die beste allgemeine Schriftartenstrategie für gutes CLS. Der optionale Wert führt nicht zu einem Neulayout, wenn die Webschriftart fertig ist. Gleichzeitig trifft die vorinstallierte Schriftart wahrscheinlich auf die erste Farbe, sodass keine Layoutverschiebungen auftreten.
  
• Platz für dynamische Inhalte reservieren : Weisen Sie dynamisch geladenen Inhalten wie Anzeigen oder Iframes immer ausreichend Platz zu. Dadurch wird verhindert, dass Inhalte beim Laden andere Elemente verschieben.
  

Übergeben von INP

Alle im FID-Abschnitt erwähnten Optimierungstechniken verbessern zwangsläufig Ihren INP-Score. Darüber hinaus sollten Sie Folgendes implementieren:

• DOM-Größe reduzieren: Um die DOM-Tiefe Ihrer Website zu reduzieren, vermeiden Sie schlecht codierte Plugins und Themes, verstecken Sie unerwünschte Elemente nicht mit display:none, verzichten Sie auf Seitenersteller, die Ihren Code aufblähen, und minimieren Sie JavaScript-basierte DOM-Knoten.
  
• Vermeiden Sie wiederkehrende Timer: setTimeout und setInterval sind häufig verwendete JavaScript-Timerfunktionen, die zur Eingabeverzögerung beitragen können. Wenn Sie die Kontrolle über die Timer in Ihrem Code haben, bewerten Sie deren Notwendigkeit und reduzieren Sie ihre Arbeitsbelastung so weit wie möglich.

Einpacken

Das Durchgehen der langen Liste der Optimierungen könnte so überwältigend sein, dass man denken könnte:

Muss ich die Core Web Vitals-Bewertung wirklich bestehen? Sind sie so wirkungsvoll?

Und die Wahrheit ist: Es geht nicht um die Kennzahlen selbst.

Ja, einen PSI-Test durchzuführen und alles in Grün zu sehen, ist immer schön. Und ja, sie sind Teil der Ranking-Faktoren von Google, sodass Sie möglicherweise einen Anstieg Ihrer SERP-Position feststellen.

Der eigentliche Wert ergibt sich jedoch aus der Tatsache, dass das Bestehen Ihres CWV direkt dazu führt, dass Sie ein erstklassiges Benutzererlebnis bieten.

Und das führt zu realen Ergebnissen wie:

• Erhöhte Conversion-Raten
• Verringern Sie die Absprungraten
• Eine Website haben, die Benutzer gerne besuchen

Um auf die Fragen zurückzukommen: Wir würden sagen, dass das Bestehen Ihrer Core Web Vitals von entscheidender Bedeutung ist.

Aber wir sind uns auch einig, dass es nicht einfach ist, mit all den Optimierungen klarzukommen.

Deshalb haben wir NitroPack entwickelt.

NitroPack ist eine leichtgewichtige Web-Performance-Lösung, diemehr als 180.000 Websites weltweit mit Strom versorgt und es ihnen ermöglicht, hervorragende Core Web Vitals, Leistungswerte und Benutzererfahrung zu erreichen.

Dank seiner über 35 integrierten Funktionen zur Optimierung der Seitengeschwindigkeit ist NitroPack führend in der Optimierung von Core Web Vitals:

Und das Beste daran ist – Sie können NitroPack in 3 Minuten einrichten. Keine technischen Kenntnisse oder Programmierkenntnisse erforderlich. Installieren Sie einfach das Plugin, verbinden Sie es mit Ihrer Website und sehen Sie, wie Ihre Leistungsprobleme behoben werden.

Testen Sie NitroPack KOSTENLOS →