Core Web Vitals: Warum JAMstack der Schlüssel sein könnte

Core Web Vitals sind drei neue Metriken, die in den neuen Algorithmus von Google für das Seitenerlebnis aufgenommen werden sollen, der ab Juni 2021 eingeführt wird. Diese neuen Faktoren werden sich auf die Art und Weise auswirken, wie die Suchergebnisse eingestuft werden, so dass es für Ihre SEO-Bemühungen von entscheidender Bedeutung ist, sie in den Griff zu bekommen.

Growth

6 min read

Core Web Vitals: Why JAMstack could hold the key

Cobiros Content-Team

In diesem Artikel erklären wir, was die Metriken sind, wie Sie Ihren Score messen können und warum JAMstack-Websites ideal geeignet sind, um die neuen Standards zu erfüllen und zu übertreffen.

Der neue Algorithmus von Google für die Seitenerfahrung

Das Ziel von Google ist es, den Menschen zu dienen, und eine der Weisen, dies zu tun, besteht darin, zu prüfen, wie gut die Benutzerfreundlichkeit Ihrer Website ist. Webseiten, die auf das reagieren, was der Nutzer tun möchte, und zwar auf möglichst effiziente Weise, werden wahrscheinlich höher eingestuft als solche, die dies nicht tun.

Mit einer schrittweisen Einführung ab Juni 2021 wird Google damit beginnen, einige seiner bestehenden Suchsignale mit seinen neuen Core Web Vitals zu kombinieren, die zusammen den Algorithmus für das Seitenerlebnis bilden. Die Aktualisierung soll bis Ende August abgeschlossen sein. 

Zu den vorhandenen Suchsignalen gehören Dinge wie Mobilfreundlichkeit, sicheres Surfen und eine sichere Verbindung, über die Sie in unserem Artikel über das Seitenerlebnis lesen können. In diesem Blog werden wir uns auf die neuen Core Web Vitals konzentrieren.

Core Web Vitals

ie Core Web Vitals sind in drei spezifische Messungen unterteilt und bestehen aus einer Reihe von Faktoren, die Google als wichtig für das Gesamterlebnis der Nutzer einer Webseite erachtet.

Sie gehen tiefer als je zuvor und messen Faktoren wie Ladezeit, Interaktivität und Stabilität, die alle einen erheblichen Einfluss darauf haben, wie ein Nutzer eine Webseite wahrnimmt und mit ihr interagiert.

1. Largest Contentful Paint (LCP)

Damit wird die Zeit gemessen, die benötigt wird, um den größten Teil des Inhalts auf Ihrer Seite zu laden. 

Google betrachtet das größte Bild oder den größten Textblock auf einer Seite und berechnet die Renderzeit (wenn es vollständig geladen und sichtbar ist) im Verhältnis zum ersten Ladevorgang der Seite. Je länger die Besucher warten müssen, desto schlechter ist die Nutzungserfahrung der Website.

Ziel: eine Ladezeit von 2,5 Sekunden oder weniger.

2. Erste Eingangsverzögerung (First Input Delay, FID)

Dies ist ein Maß dafür, wie lange es dauert, bis Ihre Seite interaktiv und reaktionsfähig wird.

Google berechnet die Zeit, die von der ersten Interaktion eines Nutzers mit Ihrer Seite (durch Klicken auf einen Link, Tippen auf eine Schaltfläche oder Absenden eines Formulars) bis zu dem Zeitpunkt vergeht, an dem der Browser auf diese Interaktion reagieren kann.

Ziel: eine Eingangsverzögerung von weniger als 100 Millisekunden.

3. Cumulative Layout Shift (CLS)

Dies ist ein Maß dafür, wie oft unerwartete Bewegungen auf Ihrer Seite auftreten.

Elemente wie Werbung von Drittanbietern oder Bilder ohne Abmessungen, die sich verschieben, während sich der Benutzer die Seite ansieht, können zu einem schlechten Seitenerlebnis beitragen. Google betrachtet den Platz, den ein Element einnimmt, und wie sehr es sich auf dem Bildschirm bewegt, um einen CLS-Wert zu ermitteln.

Ziel: eine Punktzahl von weniger als 0,1.

Wie Sie die Core Web Vitals Ihrer Website messen können

Da die Core Web Vitals den größten Anteil an der Bewertung der Seitenerfahrung haben, lohnt es sich, Ihre Website zu überprüfen und vor dem Update zu optimieren.

Es gibt verschiedene Tools, aber PageSpeed Insights von Google ist ein guter Anfang. 

Geben Sie die vollständige URL für eine Ihrer Seiten ein, um loszulegen. Sobald Sie auf „Analysieren“ geklickt haben, wird Ihr Ergebnis angezeigt. Hinweis: Oben auf der Seite können Sie zwischen der mobilen und der Desktop-Version wechseln.

Die Gesamtbewertung Ihrer Webseite wird mit 100 Punkten angegeben. Werte unter 50 (rot) gelten als schlecht, Werte zwischen 50 und 89 (orange) als verbesserungsbedürftig und Werte zwischen 90 und 100 (grün) als gut.

Jeder Bereich wird aufgeschlüsselt und es werden Empfehlungen gegeben, welche Schritte erforderlich sind, um eine bessere Bewertung zu erreichen.

Verbessern Sie Ihre Core Web Vitals Bewertung mit einer JAMstack Website

Die notwendigen Verbesserungen an Ihrer Website können komplex und zeitaufwendig sein, aber die Umstellung auf den JAMstack-Ansatz kann den Prozess erheblich vereinfachen.

Sehen wir uns genauer an, was JAMstack ist und wie es die Probleme lösen kann, die zu niedrigen Core Web Vitals-Bewertungen führen.

Was ist JAMstack?

JAMstack ist ein moderner Ansatz zur Erstellung von Websites. Es handelt sich nicht um eine Programmiersprache oder ein Tool, sondern um eine Architektur, die schnelle und benutzerfreundliche Websites ermöglicht.

Es ist ein Akronym, das für JavaScript, Application Programming Interfaces (APIs) und Markup steht. Die einzelnen Komponenten sind getrennt, so dass sie leichter zu verarbeiten sind. Dies wird als Entkopplung bezeichnet. Aber sie wirken zusammen, um das Endergebnis (den Stack-Teil) zu liefern.

CDNs

Bei einer JAMstack-Site werden die Inhalte in Form von Dateien vom Ursprungsserver der Website generiert, die dann zwischengespeichert und über ein Content Delivery Network (CDN) - ein globales Netzwerk von Servern - bereitgestellt werden.

Dieses Netzwerk sorgt gemeinsam dafür, dass die Inhalte Ihrer Website nicht so lange unterwegs sind, bis sie den Endnutzer erreichen. Wenn also ein Nutzer in den USA auf Ihre spanischsprachige Website zugreift, wird der Inhalt vom nächstgelegenen Server in seiner Nähe geliefert, anstatt zum Ursprungsserver der Website in Spanien zu gehen.

Lesen Sie mehr über JAMstack in unserem ausführlichen Handbuch.

Zum Leben erwecken

Nehmen wir drei Herausforderungen im Zusammenhang mit schlechter Benutzererfahrung und untersuchen wir, wie JAMstack-Websites eingerichtet sind, um sie zu überwinden.

Herausforderung Nr. 1: Der Inhalt wird nur langsam geladen

Lösung: Aktualisieren Sie Ihre Webhosting-Funktionen. Mit einer JAMstack-Website müssen Sie sich nicht auf einen einzigen Hoster verlassen, um alle Ihre Inhalte bereitzustellen. Da die Seiten vom nächstgelegenen Server im CDN generiert werden, müssen die Daten weniger weit transportiert werden. Das bedeutet, dass die Seiten unglaublich schnell sind und oft in weniger als einer Sekunde geladen werden.

Herausforderung Nr. 2: Bilder und andere Elemente werden nur geladen, wenn Sie auf der Seite nach unten scrollen

Lösung: Generieren Sie Inhalte im Voraus, damit sie die Webseite nicht verlangsamen. Bei einer JAMstack-Website wird der Inhalt in Form von Dateien generiert, die dann als Kopien im CDN-Netzwerk gespeichert werden. Das bedeutet, dass beim Laden einer Webseite die Bilder und Elemente sofort verfügbar sind und auf der Seite erscheinen können. 

Herausforderung Nr. 3: Dynamische Merkmale wirken sich auf die Geschwindigkeit aus

Lösung: Verlegen Sie die dynamischen Funktionen Ihrer Website auf die Client-Seite (den Computer des Nutzers). JAMstack-Websites verwenden APIs zur Kommunikation mit den vorgerenderten JavaScript-Dateien, um dynamische Daten zu ermöglichen. Jedes Mal, wenn eine interaktive Aufgabe erforderlich ist (z. B. das Ausfüllen eines Formulars), kann diese so nah wie möglich am Standort des Benutzers durchgeführt werden, was die Reaktionsfähigkeit erhöht.

Dies sind nur einige wenige Beispiele, aber Sie werden feststellen, dass es ein gemeinsames Thema gibt: die Leistungsfähigkeit von CDNs und ihre Fähigkeit, die traditionellen Engpässe zu überwinden, die zu einer enttäuschenden Website-Performance führen.

Erste Schritte zum Einstieg

Turn your existing website into a JAMstack solution

Sie haben eine statische Website, möchten diese aber über ein CDN hosten? Überlassen Sie Cobiro alle Ihre Hosting-Bedürfnisse und verwandeln Sie sie in eine blitzschnelle JAMstack-Lösung.

Cobiros GitHub-Verbindung (Beta) bietet eine nahtlose Verbindung zwischen Ihrem entkoppeltem CMS, dem Generator für statische Websites und dem CDN-Host. 

Nach der Bereitstellung wird der Inhalt Ihrer Website über das CDN von Cloudflare ausgeliefert, das Internetanfragen für 16 % der Fortune-1.000-Unternehmen bearbeitet und durchschnittlich 20 Millionen HTTP-Anfragen pro Sekunde bearbeitet.

Vom Code zum JAMstack in sechs Schritten:

1. Wählen Sie Ihr entkoppeltes CMS (z. B. Dato CMS, Contentful oder Agility)
2. Verwenden Sie einen Website-Generator, um Ihre statische Website zu erstellen
3. Stellen Sie Ihren Code in einem Git-Repository in GitHub bereit
4. Melden Sie sich bei Cobiros Plattform an und wählen Sie die GitHub-Verbindung aus
5. Finden Sie Ihren Code und klicken Sie auf „neu erstellen“
6. Ihre Website wird jetzt über das CDN von Cloudflare gehostet

Demnächst verfügbar: CDN-Hosting wird für alle unsere kostenpflichtigen Angebote verfügbar sein, die bereits ab $1 pro Monat erhältlich sind. Erfahren Sie mehr.

Erstellen Sie eine JAMstack-Website von Grund auf

Cobiros Website-Builder ist der einzige kostenlose Website-Builder auf dem Markt, der den JAMstack-Ansatz verwendet. Es erfordert kein Programmieren, keine Installationen oder Plug-ins.

Wenn es soweit ist, wird Ihre Website von Anfang an schnell und sicher sein.

Einfachheit

Nutzen Sie die Drag-and-Drop-Oberfläche und wählen Sie aus einer Vielzahl von Elementen und Designs.  

CDN-betrieben

Verbessern Sie die Geschwindigkeit und Leistung Ihrer Website, indem Sie sie über ein CDN verteilen.

Integration der Vermarktung

Wählen Sie Ihre bevorzugten Anwendungen aus und rufen Sie sie über die Plattform auf.

Kostenloses SSL-Zertifikat

Schützen Sie die vertraulichen Informationen Ihrer Kunden, indem Sie den Goldstandard für die Sicherheit von Websites übernehmen.

Domänenregistrierung

Holen Sie sich eine professionelle Domain. Wählen Sie eine kostenlose Cobiro-Erweiterung oder kaufen Sie eine.

Testen Sie den Cobiro Website-Builder kostenlos!

Leute lesen auch

Starten Sie noch heute kostenlos!

Starten Sie noch heute kostenlos!

Starten Sie noch heute kostenlos!