Seitengeschwindigkeit
Was ist Seitengeschwindigkeit?
Die Seitengeschwindigkeit kann auf viele Arten definiert werden. Aus technischer Sicht kann definiert werden, wie lange es dauert, bis der gesamte Inhalt einer bestimmten Webseite angezeigt wird, oder sogar, bis ein Webbrowser das erste Byte eines Webservers empfängt. Letztendlich ist es jedoch wichtig, wie schnell Ihre Besucher das Gefühl haben, dass eine Seite geladen wird. Es ist eine Sensation über alles, nicht nur über Metriken. Ein solches Gefühl ist etwas schwieriger mit numerischen Werten zu messen.
Aus diesem Grund haben Web-Giganten wie Google genauere benutzerzentrierte Metriken entwickelt. Mithilfe dieser Informationen können Sie bestimmen, wie lange es dauert, bis eine Seite für die Benutzerinteraktion bereit ist oder um Verbrauchsgüter mit Mehrwert wie Text oder Bilder anzuzeigen. Es hängt alles davon ab, auf welchen Teil der Benutzererfahrung Sie sich konzentrieren möchten und ob Sie ihn als Basismetrik interpretieren, als Teil einer allgemeinen Analyse der Seitenleistung.
Warum ist die Seitenleistung für SEO wichtig?
Benutzererfahrung
Studien haben gezeigt, dass eine langsam ladende Seite Besucher davon abhält, auf Ihrer Website zu bleiben. Je langsamer eine Seite ist, desto mehr verliert ein Besucher das Vertrauen in eine Website und verlässt sie frühzeitig. Und wenn sie gehen, kommen sie möglicherweise nicht zurück. Nach 3 Sekunden wechselt fast die Hälfte Ihrer Besucher zur Website eines Mitbewerbers. Du willst das nicht.
SEO
Webentwickler wissen, dass die Seitengeschwindigkeit bei der Suchmaschinenoptimierung wichtig ist. Suchmaschinen haben begonnen, die Seitengeschwindigkeit in ihren Suchergebnissen zu berücksichtigen. Im Jahr 2010 hat Google bekannt gegeben, dass die Seitengeschwindigkeit als Ranking-Faktor verwendet wird.
2017 gaben sie bekannt, dass sie noch mehr Webseiten hervorheben werden, die auf Mobilgeräten schnell geladen werden. Zu diesem Zeitpunkt drängte Google auch auf einen neuen Webstandard: die Accelerated Mobile Pages (AMP). Diese Technologie optimiert und macht das Laden von Webseiten auf Geräten mit geringem Stromverbrauch und geringer Konnektivität sehr schnell.
Wenn Sie Ihre Webseiten schneller laden, erhalten Sie ein besseres Ranking für mehr Suchbegriffe und anschließend mehr hochwertigen kostenlosen organischen Verkehr.
Im Zuge der Entwicklung von Suchmaschinen hat Google einen erheblichen Schwerpunkt auf die allgemeine Nutzererfahrung einer Website gelegt. Im Jahr 2020 führte der Suchriese Page Experience in seine Ranking-Signale ein. Dieses neue Ranking-Signal kombiniert Core Web Vitals mit vorhandenen Metriken wie sicherem Surfen und mobiler Benutzerfreundlichkeit, um Suchsignale für das gesamte Seitenerlebnis zu generieren.
Page Experience-Signale versuchen, Webseiten anhand der Erfahrung ihrer Benutzer zu bewerten. Kurz gesagt, sie erweitern die aktuellen On-Page-Kriterien von Google um Faktoren, die sich auf die Erfahrung der Person beim Konsumieren des Seiteninhalts auswirken.
Konvertierungen
Laut einem Bericht von Akamai führen das schnelle Laden von Seiten auch zu höheren Conversion-Raten. Walmart.com verzeichnete mit jeder Sekunde höherer Seitengeschwindigkeit einen Anstieg der Conversion um zwei Prozent. Dies ist nur ein berühmtes Beispiel, das zeigt, wie die Zeit für das Laden von Seiten zu mehr Umsatz führen kann und die Besucher ohne unnötige Wartezeiten auswählen können, welche Inhalte sie sehen möchten.
Obwohl nicht alle Websites so groß und komplex sind, halten diese schnell ladenden Seiten die Besucherzufriedenheit aufrecht und wandeln sie in treue Kunden um.
Seitengeschwindigkeitsmetriken
Bei der Optimierung Ihrer Website, um eine schnelle Benutzererfahrung zu erzielen, sollten Sie verschiedene Kernkennzahlen berücksichtigen. Sie alle sind Teil eines ganzheitlichen Ansatzes für das Speed Engineering. Schauen wir uns jedoch die Core Web Vitals genauer an:
- Größte inhaltliche Farbe (LCP): Diese Metrik beschreibt die Ladezeit einer Seite. Es misst, an welchem Punkt das größte Inhaltselement im Ansichtsfenster auf dem Bildschirm gerendert wird.
- First Input Delay (FIP): Diese Metrik bezieht sich auf die Interaktivität einer Seite. Die FID wird als Intervall zwischen der ersten Interaktion des Benutzers und dem Zeitpunkt gemessen, zu dem der Browser auf dieses Ereignis reagiert.
- Kumulative Layoutverschiebung (CLS). Diese Metrik befasst sich mit der visuellen Stabilität der Seite. Es zeigt Ihnen die Fälle, in denen sich das Layout einer Seite unerwartet ändert. Eine Seite, die sich verschiebt, kann dazu führen, dass der Benutzer versehentlich auf die falsche Schaltfläche klickt und schreckliche Konsequenzen hat.
Mehrere andere wichtige Metriken bilden den Leistungsfaktor einer Webseite und sollten angemessen optimiert werden:
- Geschwindigkeitsindex: Er berechnet, wie schnell über dem Falz liegende Inhalte während des Ladens der Seite auf kontrollierte und konsistente Weise auf allen Geräten und Browsern angezeigt werden, die Sie interessieren. Wir zeichnen ein Video des Ladens der Seite im Browser auf und untersuchen den visuellen Verlauf zwischen den Frames.
- Time to Interactive (TTI): Diese Metrik misst, wie schnell eine Seite nutzbar und interaktiv ist, sobald der Browser beginnt, ihren Inhalt abzurufen.
- Total Blocking Time (TBT): Bestimmt die akkumulierte Zeit, die eine Webseite blockiert, um auf Benutzereingaben zu reagieren. Es wird berechnet, indem der blockierende Teil aller langen Aufgaben zwischen First Contentful Paint und Time to Interactive zusammengefasst wird. Jede lange Aufgabe, die länger als 50 ms ausgeführt wird. Die Zeitdauer nach 50 ms ist der blockierende Teil einer langen Aufgabe. Wenn beispielsweise eine 70 ms lange Aufgabe erkannt wird, beträgt der Blockierungsabschnitt 20 ms.
Wie kann die Geschwindigkeit der Website-Seite verbessert werden?
Hochleistungs-Webhosting
Die Hardware- und Softwareoptimierung eines Servers kann zu Antwortzeiten unter 100 ms führen. Die TTFB-Messung (Time To First Byte) ist eine der wichtigsten Leistungsmetriken, die Suchmaschinen für die von ihnen gecrawlten Seiten analysieren, um sie gegenüber der Konkurrenz zu bewerten. Wir empfehlen Ihnen, immer die Dienste von Cloud-Anbietern mit einer soliden Erfolgsbilanz zu nutzen, da dies Ihnen erstklassige Leistung, Sicherheit, Funktionen und Support garantiert. WP Engine ist die kampferprobte Lösung, mit der Sie Ihre schnelle Website in kürzester Zeit zum Laufen bringen können.
Nutzen Sie das Browser-Caching
Browser speichern Tonnen von Daten (CSS, Bilder, JavaScript-Dateien usw.) zwischen, sodass der Browser nicht die gesamte Seite neu laden muss, wenn ein Besucher zu Ihrer Website zurückkehrt. Verwenden Sie die Entwicklertools Ihres Browsers und prüfen Sie, ob für Ihren Cache bereits ein Ablaufdatum festgelegt wurde. Stellen Sie dann Ihren HTTP-Antwortheader auf die Dauer ein, für die diese Informationen zwischengespeichert werden sollen. Sofern sich Ihr Site-Design und Ihre Komponenten nicht regelmäßig ändern, empfehlen wir Ihnen, diesen Cache auf ein Jahr zu definieren.
Optimieren Sie CSS, JavaScript und HTML
Reduzieren Sie die Anzahl der für Ihre Webseite heruntergeladenen Bytes, indem Sie CSS-, JavaScript- und HTML-Dateien komprimieren, kombinieren und minimieren.
Reduzieren Sie HTTP-Anforderungen
Halten Sie die Anzahl der HTTP-Anforderungen und deren Ursprungsdomänen, die zum Rendern Ihrer Seite erforderlich sind, so gering wie möglich. Jede Anforderung erhöht die Rechen- und Netzwerklatenz Ihrer Webanwendung. Darüber hinaus muss der Browser jedes Mal, wenn er zum ersten Mal eine HTTPS-Anforderung an eine Domäne sendet, einen SSL / TLS-Handshake mit dem Remote-Server durchführen, der regelmäßig mehrere hundert Millisekunden dauern kann.
Verwenden Sie das neueste HTTP-Protokoll
HTTP / 2 ist eine weitere einfache Möglichkeit, Ihre Webseite schneller zu machen! HTTP / 2 ist eine Version des HTTP-Protokolls der nächsten Generation, die mit binärer Datenübertragung, Multiplexing und Verbindungszusammenführung über die Leistungsprobleme von HTTP / 1.X hinausgeht. Die 3. Version des Protokolls ist in Vorbereitung und verspricht eine noch bessere Leistung. Sie sollten es versuchen.
Weiterleitungen reduzieren
Benutzer müssen zusätzliche Zeit darauf warten, dass der HTTP-Anforderungs- / Antwortzyklus jedes Mal abgeschlossen wird, wenn Seite A auf Seite B umleitet. Die kumulativen Auswirkungen dieser Weiterleitungen können enorm sein. Wir empfehlen, ein leistungsoptimiertes Umleitungsskript zu verwenden und eine große Anzahl von Weiterleitungen zu vermeiden.
Entfernen Sie render-blockierendes JavaScript
Verschieben oder Löschen Entfernen Sie die maximale Anzahl von Skripten aus Ihrem HTML-Dokument, damit der Browser mit dem Erstellen eines DOM-Baums und dem Rendern Ihrer Seite ohne Unterbrechung fortfahren kann. Dies beschleunigt das Laden Ihrer Website, indem die Zeit verkürzt wird, die der Browser benötigt, um den gesamten Inhalt zu finden und zu analysieren.
Verwenden Sie ein Content Delivery Network (CDN).
Content Delivery Networks (CDNs) sind verteilte Serversysteme, die Kopien Ihrer Inhalte auf der ganzen Welt zwischenspeichern und blitzschnell von Orten in der Nähe des Endbenutzers bereitstellen. CDNs können eine enorme Leistungssteigerung bieten - sie verringern die Latenz Ihrer Site, reduzieren die Ladezeit der Seite und reduzieren den Overhead auf Ihrem Server.
Bilder optimieren
Stellen Sie sicher, dass Ihre Bilder nicht größer sind als erforderlich, dass sie ein Dateiformat der nächsten Generation verwenden und für das Web komprimiert sind. Beispielsweise bietet das WebP-Format eine hohe Komprimierungsrate bei gleichzeitig hoher Bildqualität.
CSS-Sprites kombinieren mehrere Bilder zu einem und sind eine leistungsstarke Technik zur Beschleunigung Ihrer Website. Dies reduziert HTTP-Anforderungen, da Sie nur ein großes Bild laden und dann einen Teil dieses Bildes an bestimmten Stellen einer Seite rendern müssen.
Aktivieren Sie die Komprimierung
Durch Aktivieren der Gzip- oder Brotli-Komprimierung auf dem Server wird die Dateigröße erheblich reduziert, bevor sie an den Browser gesendet werden. Da es dabei hilft, kleinere und schnellere Seiten mit weniger Speicherverbrauch auf der Clientseite bereitzustellen, ist dies ein einfacher, schneller Gewinn für die Leistung Ihrer Website.
Entfernen Sie den toten Code
Achten Sie immer darauf, dem Code Ihrer Seite kein nutzloses JavaScript, CSS oder Kommentare hinzuzufügen. Wenn beispielsweise eine Bibliothek (z. B. jQuery) nur auf einer bestimmten Seite benötigt wird, stellen Sie sicher, dass sie nicht auf anderen Seiten geladen wird, auf denen sich dies auf Ihre Seitengeschwindigkeit auswirkt, ohne einen Mehrwert zu erzielen.
Laden Sie schnell Inhalte, die über dem Falz liegen
Häufig entwerfen Webentwickler Seiten, die erst verwendet werden sollen, nachdem die Seite und ihre Ressourcen vollständig geladen wurden. Durch die Optimierung des Codes und der Struktur Ihrer Seiten für überdurchschnittliche Inhalte erhalten Ihre Benutzer jedoch ein deutlich verbessertes Surferlebnis, da sie den Inhalt viel schneller nutzen können.
Fazit
Die Seitengeschwindigkeit definiert, wie schnell eine Seite geladen wird.
Die Seitengeschwindigkeit ist entscheidend für die Leistung einer Website, die Markenwahrnehmung und die allgemeine Benutzererfahrung.
Die Seitenleistung ist auf Mobilgeräten genauso wichtig wie auf dem Desktop.
Eine langsame Seite führt dazu, dass ein Besucher die Website vorzeitig verlässt.
Die Seitengeschwindigkeit ist für die Suchmaschinenoptimierung von entscheidender Bedeutung.
Hochleistungswebseiten erhalten bessere Platzierungen in Suchmaschinen.
Die Investition in einen soliden Webhosting-Anbieter zahlt sich aus.
Führen Sie unseren Seitengeschwindigkeitstest durch, um die Leistungsprobleme einer öffentlichen Seite zu bewerten.
Wenden Sie die oben genannten Empfehlungen an, um die Geschwindigkeit Ihrer Seite schnell zu verbessern.
Überwachen Sie kontinuierlich die Leistung Ihrer Seiten.
Führen Sie nach jeder Codeänderung einen Seitengeschwindigkeitstest durch, um die bestmögliche Benutzererfahrung zu erzielen.
Tipps
- Probieren Sie die WP Engine-Hostingplattform aus, um die beste Geschwindigkeit der Website zu erzielen.
- Führen Sie regelmäßig ein vollständiges SEO-Audit durch, um die Optimierung Ihrer Seiten abzuschließen.
- In den Ressourcen von web.dev finden Sie die neuesten Informationen zur Webleistung.