Wie sich die Seitenladegeschwindigkeit auf die Sichtbarkeit der Website auswirkt und Tipps, um sie zu erhöhen

Konzentrieren Sie sich nur auf die „greifbaren“ Aspekte Ihrer Strategie zur Suchmaschinenoptimierung (SEO), wie Ihre Keywords und das Seitendesign? Was ist mit Ihrer Seitenladezeit? Wussten Sie, dass Google die Ladegeschwindigkeit von Websites als wichtigen Rankingfaktor betrachtet?

Eine langsame Ladegeschwindigkeit kann Ihr Unternehmen auf vielfältige Weise beeinträchtigen. Zwei der wichtigsten sind Ihr Ranking und Ihre Conversion-Fähigkeit. Wenn die Antwortzeit Ihres Site-Servers langsamer als zwei Sekunden ist, reduziert Google die Anzahl der Crawler, die Ihre Site besuchen.

Lassen Sie uns darauf aufbauend tiefer in die Auswirkungen der Seitenladegeschwindigkeit auf verschiedene Website-Parameter eintauchen.

5 Möglichkeiten, wie sich die Seitenladegeschwindigkeit auf Ihre Sichtbarkeit auswirkt

1. Es beeinflusst die Benutzererfahrung

Heutzutage akzeptieren Benutzer keine Entschuldigung für eine schlechte Website-Performance. Und sie sind sehr genau in Bezug auf die Ladegeschwindigkeit einer Website.

Glaubt man den Fakten, erwarten 47 Prozent der Nutzer, dass eine Seite innerhalb von zwei Sekunden geladen wird. Inzwischen zeigen Berichte, dass 75 Prozent der Besucher abspringen (die Seite verlassen), wenn die Ladezeit drei Sekunden überschreitet.

Dies sagt uns, dass jede Sekunde Verzögerung beim Laden der Seite zu einem erheblichen Kundenverlust führt.

Eine Think With Google-Umfrage zeigt, dass die Absprungrate (der Prozentsatz der Besucher, die die Website verlassen, nachdem sie nur eine Seite erreicht haben) mit zunehmender Seitenladezeit zunimmt. Die erhöhte Absprungrate wirkt sich auch auf das allgemeine Nutzerengagement und die Interaktionsmetriken aus.

2. Es hat einen direkten Einfluss auf Online-Sichtbarkeit und SEO

Im Jahr 2018 machten Mobilgeräte über 53 Prozent des gesamten Website-Traffics aus. Und im selben Jahr führte Google die mobile Seitengeschwindigkeit offiziell als Rankingfaktor ein. Seitdem ist die Seitenladegeschwindigkeit umso wichtiger geworden.

Als Google vor einigen Jahren seinen Fokus auf die Mobile-First-Indexierung ankündigte, hatten Unternehmen keine andere Wahl, als ihre Website für mobile Geräte zu optimieren. Websites mit schlechter mobiler Leistung sind seitdem auf den Suchmaschinen-Ergebnisseiten (SERPs) nach unten gestürzt.

Einfach ausgedrückt: Wenn die Geschwindigkeit Ihrer mobilen Seite nicht dem Standard entspricht, ist es für Sie praktisch unmöglich, höhere Rankings zu erzielen.

3. Es verursacht einen Rückgang oder Anstieg bei Verkäufen und Konversionen

Wussten Sie, dass eine Verzögerung der Ladezeit Ihrer Seite um eine Sekunde die Conversions um 7 Prozent reduziert?

Wenn Ihre Website von geringer Leistung geplagt wird, führt kein Weg daran vorbei – Sie verlieren eine beträchtliche Menge an Verkäufen. Die erhöhte Absprungrate aufgrund der niedrigen Website-Geschwindigkeit verdrängt bereits eine große Anzahl potenzieller Kunden und minimiert Ihre Chancen, Besucher zu konvertieren.

Amazon untersuchte die Auswirkungen der Seitenladegeschwindigkeit auf seine Verkäufe. Es stellte fest, dass das Unternehmen jährlich 1,6 Milliarden Einnahmen verlieren kann, wenn die Ladezeit seiner Website um eine Sekunde zunimmt. Daten aus dem Search Engine Journal berichten auch, dass 70 Prozent der Verbraucher glauben, dass die Geschwindigkeit der Website einen erheblichen Einfluss auf ihre Kaufentscheidungen hat.

Wenn Sie also die Geschwindigkeit Ihrer Website optimieren, können Sie ein ordentliches Wachstum bei Rankings, Conversions und letztendlich Verkäufen erwarten.

4. Es setzt die Kundenloyalität aufs Spiel

Betrachten wir die oben hervorgehobenen Punkte noch einmal: Eine langsame Seitenladegeschwindigkeit vertreibt Verbraucher und führt zu niedrigeren Konversionsraten.

Darüber hinaus ist es unwahrscheinlicher, dass Kunden eine Website erneut besuchen, die eine schlechte Benutzererfahrung (UX) bietet. Daher wirkt sich eine langsame Website-Geschwindigkeit auch auf die Kundenbindung aus.

Tatsächlich sagt HubSpot , dass 80 Prozent der Kunden, die mit der geringen Leistung einer Website unzufrieden sind, nicht wieder auf dieser Website kaufen werden, was beweist, dass langsam ladende Seiten Ihre Wiederholungsbestellungen erheblich reduzieren. Eine langsame Seite ist ein besonders harter Verlust für E-Commerce-Websites, deren Einnahmen stark von Wiederholungsverkäufen abhängen.

Darüber hinaus enthüllte eine Studie von Akamai eine weitere wichtige Sorge für Unternehmen: 40 Prozent der unzufriedenen Besucher teilen ihre negativen Erfahrungen mit ihren Kontakten. Dieser negative soziale Beweis wirkt sich wahrscheinlich auf die Gesamtkonversionen und die Kundenbindung aus.

5. Es wirkt sich auf den organischen Verkehr auf der Website aus

Eine niedrige Seitengeschwindigkeit führt nur zu niedrigeren Platzierungen in den SERPs. Und das bedeutet auch weniger organischen Traffic auf Ihrer Website. Wussten Sie, dass die fünf besten Platzierungen bei Google 67,6 Prozent der gesamten organischen Klicks erfassen ?

Wenn Ihre Auslastung nicht optimal ist, verlieren Sie bereits eine erhebliche Menge an organischem Traffic. Wenn die Geschwindigkeit mobiler Seiten nicht optimiert wird, verlieren Sie mobilen Traffic, der bis zu 50 Prozent Ihrer potenziellen Kunden ausmachen kann.

Was ist die ideale Seitenladegeschwindigkeit?

Seit der Einführung des Mobilegeddon-Updates im Jahr 2015 richten Unternehmen ihren Fokus auf die Seitenladezeit. Sie haben auch mehr Zeit und Mühe in die Optimierung für Mobilgeräte und die Geschwindigkeit mobiler Seiten investiert.

Aber die Frage ist: Was ist die ideale Seitenladegeschwindigkeit, oder wie schnell ist schnell genug?

Laut Google beträgt die empfohlene Seitenladezeit sowohl für Desktop- als auch für Mobilgeräte weniger als drei Sekunden . Allerdings beträgt die durchschnittliche Seitenladezeit über alle Seiten auf Mobilgeräten derzeit 22 Sekunden. Screaming Frog befragte 20.000 URLs , um zu überprüfen, ob sie die PageSpeed-Bewertung von Google bestanden. Es stellte sich heraus, dass nur 12 Prozent der mobilen und 13 Prozent der Desktop-Ergebnisse den Test bestanden.

Außerdem müssen Sie bedenken, dass Nutzer von E-Commerce-Websites eine noch schnellere Ladezeit erwarten. Maile Ohye von Google spricht in einem Google Webmaster-Video über die Ladegeschwindigkeit von E-Commerce-Seiten . Sie sagt: „ Zwei Sekunden sind die Schwelle für die Akzeptanz von E-Commerce-Websites. Bei Google streben wir weniger als eine halbe Sekunde an.“

Nun, eine halbe Sekunde könnte unrealistisch erscheinen. Wenn Sie jedoch Inhaber einer E-Commerce-Website sind, müssen Sie eine Seitenladegeschwindigkeit von höchstens drei Sekunden anstreben. Dieser Benchmark gilt sowohl für mobile als auch für Webgeräte.

Das neueste Update: Core Web Vitals

Google will in Sachen UX nichts unversucht lassen. Und deshalb hat es kürzlich Core Web Vitals als wichtigen Ranking-Faktor aufgenommen .

Diese Core Web Vitals wirken sich nun im Einklang mit anderen entscheidenden UX-Signalen auf das Ranking aus. Und eine der Metriken namens Largest Contentful Paint (LCP) bezieht sich auf die Seitenladegeschwindigkeit.

LCP bezieht sich auf die Zeit, die zum Rendern des größten Inhaltselements auf einer Seite benötigt wird. Dies kann ein Bild, ein Video oder ein beliebiges anderes Element sein.

Laut Google beträgt der ideale Largest Contentful Paint auf einer Seite weniger als oder bis zu 2,5 Sekunden. Alles zwischen 2,5 und 4 Sekunden ist verbesserungswürdig, alles darüber hinaus gilt als schlecht.

Technische Tipps zur Erhöhung der Seitenladegeschwindigkeit

Setzen Sie ein Content Delivery Network ein

Eine der bewährten Methoden zur Reduzierung der Ladezeit von Websites ist die Verwendung eines Content Delivery Networks (CDN). Ein CDN kann Ihnen dabei helfen, die Ladezeit der Website von 20 auf 51 Prozent zu reduzieren .

In einem traditionellen Setup hosten Sie Ihre gesamte Website auf einem einzigen Server. Und dieser Server verarbeitet alle Anfragen der Site-Benutzer. Wenn Ihre Website jetzt hohen Traffic verzeichnet, steigt die Anzahl der Anfragen erheblich an. Und dies erhöht die Last auf Ihrem Server. Dadurch verlängert sich die Bearbeitungszeit der Anfrage, wodurch sich die Ladezeit der Seite verzögert.

Wenn ein Benutzer physisch weiter vom Serverstandort entfernt ist, erlebt er außerdem eine längere Seitenladezeit. Dies liegt daran, dass die Daten eine größere Entfernung zurücklegen müssen, was die Ladezeit verlängert.

Ein CDN kann diese Herausforderungen lösen. CDNs funktionieren, indem sie Ihre Website über ein globales Netzwerk von Servern hosten. Wenn also ein Benutzer eine Anfrage sendet, werden die Daten von dem Server weitergeleitet, der seinem Standort am nächsten ist.

Da Ihre Dateien auf mehreren Servern zwischengespeichert werden, spart dies außerdem bis zu 60 Prozent Bandbreite. Nun muss ein einzelner Server nicht alle Anfragen verarbeiten.

Reduzieren Sie die Anzahl der HTTP-Anforderungen

Wenn ein Benutzer eine Seite anfordert, wird für jede Seitenkomponente eine HTTP-Anforderung gesendet. Yahoo berichtet , dass Webserver 80 Prozent der Seitenladezeit für das Herunterladen dieser Komponenten verwenden. Dazu gehören Ihre Seitenbilder, Skripte, Medien, Stylesheets usw. Daher verlängert sich die Seitenrenderzeit, wenn eine große Anzahl von Komponenten auf der Seite vorhanden ist.

Wie können Sie also die Anzahl der Seitenkomponenten und die Zeit überprüfen, die zum Laden jeder von ihnen benötigt wird?

Chrome-Benutzer können diese Schritte ausführen:

Hinweis: Verwenden Sie die Entwicklertools des Chrome-Browsers, um die Anzahl der HTTP-Anforderungen zu überprüfen.

• Folgen Sie der Registerkarte „Überprüfen“, indem Sie mit der rechten Maustaste auf Ihre Seite klicken.
• Klicken Sie auf die Registerkarte „Netzwerk“, die Sie finden, nachdem Sie den linken Rand gezogen haben.
• Hier zeigt die Spalte „Name“ alle Onpage-Komponenten.
• Die Spalte „Größe“ listet die Größe jeder relevanten Komponente auf.
• Sie können auch die jeweils benötigte Ladezeit über die Spalte „Zeit“ überprüfen.
• Die Gesamtzahl der Anfragen wird unten links angezeigt.

Sie können jetzt die nicht nützlichen Elemente und die Ladezeit überprüfen.

Sie müssen auch die Anzahl der HTTP-Anfragen reduzieren. Eine Möglichkeit, dies zu tun, besteht darin, die Webseitendateien zu minimieren und zu kombinieren. Wie das geht, erfahren Sie im nächsten Punkt.

Minimieren und kombinieren Sie HTML, CSS und JavaScript

Ihre HTML-, CSS- und JavaScript-Dateien bilden das Erscheinungsbild und die Funktionalität Ihrer Website. Und diese Dateien machen einen erheblichen Teil der HTTP-Anforderungen aus. Wenn Sie also die Anzahl der HTTP-Anforderungen reduzieren möchten, müssen Sie Seitendateien minimieren.

Das Minimieren von HTML-, CSS- und JavaScript-Dateien reduziert ihre Größe erheblich. Dieser Vorgang ermöglicht ein schnelleres Laden dieser Dateien. Darüber hinaus gibt es zusätzliche Leerzeichen, Einrückungen und Formatierungen im Code, wodurch die Seite schwer wird.

Das Minimieren Ihrer Seite hilft Ihnen, all diese unnötigen Elemente zu entfernen und die Seite schlanker zu machen.

Dies wird umso wichtiger, wenn Sie eine vorlagenbasierte Website haben. Auf Vorlagen basierende Websites sind einfacher zu entwickeln, können jedoch unordentliche Codeteile enthalten, die die Leistung der Website verlangsamen.

Das Minimieren ist der richtige Weg, um diese Probleme zu lösen und die Größe der Codedatei zu reduzieren. Neben der Minimierung müssen Sie diese Dateien auch kombinieren, um die Gesamtzahl der Dateien zu reduzieren. Wenn Sie also mehrere CSS- und JavaScript-Dateien haben, können Sie diese zu einer einzigen Datei kombinieren. Wenn WordPress Ihre Website antreibt, können Sie das WP Minify-Plugin oder das WP Rocket-Plugin verwenden.

All diese Tools helfen Ihnen dabei, die HTML-, CSS- und JavaScript-Dateien mühelos zu minimieren und zu kombinieren.

Vergessen Sie nicht, den Expires-Header für das Browser-Caching hinzuzufügen

Browser können einen erheblichen Teil Ihrer Seitendateien zwischenspeichern. Dazu gehören Ihre Bilder, JavaScript-Dateien, dynamische Elemente usw.

Indem Sie das Browser-Caching aktivieren, erlauben Sie Ihrem Browser, eine Seite im Cache-Speicher abzulegen. Wenn Sie diese Seite also erneut besuchen, wird sie aus dem Cache geladen, ohne HTTP-Anforderungen zu senden.

Eine Möglichkeit, das Browser-Caching für Ihre Website zu nutzen, besteht darin, den Header „expires“ hinzuzufügen.

Der Header „expires“ weist den Webbrowser an, eine Seite aus dem Cache-Speicher zu laden. Der „Expires“-Header funktioniert also nur für Benutzer, die Ihre Website zuvor besucht haben. Sie müssen Ihre Seite auch in ihrem Cache-Speicher gespeichert haben.

Wenn dieser Benutzer Ihre Website erneut besucht, weist der „expires“-Header den Browser an, die zwischengespeicherte Version der Seite zu laden.

Da sich nun viele Seitenkomponenten bereits im Cache-Speicher befinden, werden sie schneller geladen. Und der Browser fordert nur wenige Seitenkomponenten an, was zu einer Verringerung der Seitenladezeit führt.

Browser-Caching reduziert die Anzahl der HTTP-Anfragen, was die Seitenladegeschwindigkeit weiter erhöht.

Verwenden Sie asynchrones Laden

Sie können die Ladegeschwindigkeit Ihrer Seite erhöhen, indem Sie auswählen, wie die CSS- und JavaScript-Dateien geladen werden. Die CSS- und JavaScript-Dateien werden synchron und asynchron geladen, und Sie können entscheiden, wie sie auf Ihren Webseiten geladen werden sollen.

Wie das Wort schon sagt, werden Skripte, wenn sie synchron geladen werden, nacheinander geladen. Und jedes Skript folgt einer Ladereihenfolge entsprechend seiner Position auf der Seite. Andererseits können beim asynchronen Laden mehrere Skripte gleichzeitig geladen werden.

Wenn Ihr Browser eine Seite lädt, folgt er einem Lademuster von oben nach unten.

Zum Beispiel:

• Wenn der Browser auf eine synchrone CSS- oder JavaScript-Datei trifft, lädt er die Datei vollständig, bevor er weitergeht. Diese Reihenfolge verlangsamt den Ladevorgang.
• Wenn es in der Zwischenzeit auf eine asynchrone Datei trifft, beginnt es gleichzeitig mit dem Laden eines anderen Elements. Es muss also nicht warten, bis ein Element vollständig geladen ist, bevor es sich weiterbewegt.

Dies sagt uns, dass Sie Ihre CSS- und JavaScript-Dateien so auswählen müssen, dass sie asynchron geladen werden, um schnellere Ladezeiten zu erreichen. Wenn Sie eine WordPress-Site haben, hilft Ihnen WP Rocket dabei, das asynchrone Laden zu aktivieren.

Verwenden Sie WP Smush, um Ihr Website-Image zu komprimieren

Die Optimierung oder Komprimierung von Bildern ist entscheidend, um die Ladezeit der Seite zu verkürzen. Bilddateien sind oft groß und verzögern die Ladezeit der Seite. Sie können die Verwendung von Bildern jedoch nicht einschränken oder eliminieren. Bilder sind entscheidend für die Benutzererfahrung Ihrer Website, insbesondere für eine E-Commerce-Website. Laut einer Umfrage benötigen 66 Prozent der Verbraucher mindestens drei Produktbilder, bevor sie das Produkt kaufen.

Eine einfache Möglichkeit, Site-Images für WordPress-Websites zu komprimieren, ist die Verwendung des WP Smush -Plugins. Dieses Plugin arbeitet im Hintergrund, um die Bilder beim Hochladen zu komprimieren. Das Ergebnis ist eine reduzierte Bildgröße ohne Qualitätseinbußen.

JavaScript-Dateien beim Laden der Seite zurückstellen

Das Zurückstellen von JavaScript-Dateien ist eine gute Möglichkeit, die Absprungrate auf Ihrer Website zu reduzieren. Dabei wird das Laden von JavaScript-Dateien depriorisiert, bis andere Seitenelemente geladen werden. JavaScript-Dateien sind normalerweise groß und benötigen wahrscheinlich mehr Ladezeit. Indem Sie sie zurückstellen, ermöglichen Sie es anderen Seitenelementen, ohne Verzögerung schneller zu laden.

Die WordPress-Site-Besitzer können das Aufschieben einfach aktivieren, indem sie das WP Rocket-Plugin verwenden . Sie müssen nur das Häkchen bei „Load JS files deferred“ setzen und die Änderungen speichern.

Rufen Sie für eine HTML-Site über dem </body>-Tag eine externe JavaScript-Datei auf.

Da haben Sie es also! Implementieren Sie diese Tipps für Ihre Website, um die Seitengeschwindigkeit zu erhöhen und Ihre Sichtbarkeit in Suchmaschinen zu verbessern.