Die Seitenlatenz wirkt sich auf das Benutzererlebnis und damit auf die Werbeeinnahmen der Publisher aus. Bedenken Sie die folgenden Fakten:
- Eine zusätzliche Verzögerung von 1 Sekunde beim Laden der Seite führt zu 11 % weniger Seitenaufrufen und einem Rückgang der Benutzerzufriedenheit um 16 %.
- 40 % der Nutzer verlassen die Webseite, wenn das Laden einer Webseite länger als 3 Sekunden dauert.
- Walmart, Amazon und Microsoft sind einige Unternehmen, die durch die Verbesserung der Seitenladezeit eine deutliche Steigerung der Conversions erzielt haben.
Für Publisher, die Anzeigen schalten: Wenn Ihre Nutzer die Webseiten schließen, bevor sie geladen werden, bedeutet dies, dass ihnen keine Anzeigen angezeigt werden. Reduzierung der Impressionsrate. Und so weiter Google beginnt langsam mit der Kennzeichnung Website auf Chrome.
In diesem Artikel stellen wir fünf Optimierungen vor, die dabei helfen, die Seitenladezeit zu verkürzen:
1. Mediendateien komprimieren
Immer wenn Ihre Website im Browser eines Benutzers geladen wird, werden alle Inhalte, einschließlich Mediendateien, auf den Bildschirm des Benutzers heruntergeladen. Wenn Sie die kategoriebezogene Datennutzung Ihrer Website überprüfen, werden Sie feststellen, dass die meiste Bandbreite von Bildern und Videos verbraucht wird.
Daher kann die Reduzierung der Größe der Mediendateien (z. B. Bilder) die Ladezeit der Seite verkürzen. Sie müssen keine wirklich hochauflösenden Bilder im Web bereitstellen. Bedenken Sie, dass die meisten Menschen Ihre Webseite entweder auf ihrem Desktop oder auf ihrem Mobiltelefon sehen. Und in beiden Fällen ist die Verwendung beispielsweise eines 2000 x 2000 Pixel großen Bildes einfach Datenverschwendung.
Sie können die Video-, Bild- und anderen Mediendateien einfach komprimieren, um ihre Dateigröße zu reduzieren und sie optimal für die Webnutzung zu machen. Sie können nach kostenlosen Web-Tools suchen (wie ResizeImage.net und toolur.com) für das Selbe.
2. Stellen Sie weniger HTTP-Anfragen
HTTP-Anfragen werden gestellt, wenn der Inhalt Ihrer Website (Dateien, Medien und Code) von einem Browser zum Laden aufgerufen wird. Das bedeutet, dass für jede Datei, die vom Server abgerufen wird, um in einem Browser angezeigt zu werden, eine HTTP-Anfrage gestellt wird.
Laut Yahoo!Ungefähr 80 % der Seitenladezeit entfallen auf HTTP-Anfragen. Daher bedeuten weniger HTTP-Anfragen eine kürzere Seitenladezeit.
Bevor Sie HTTP-Anfragen reduzieren, sollten Sie wissen, wie viele Anfragen Ihre Website stellt. Es stehen kostenlose Web-Tools wie GTMetrix, YSlow und Google PageSpeed zur Verfügung. Mit jedem dieser Tools können Sie die Ladezeit Ihrer Website überprüfen und Vorschläge zur Reduzierung der Latenz erhalten.
Sie fragen sich, wie ich weniger HTTP-Anfragen stellen kann. Sie können damit beginnen, unnötige Dateien wie Bilder, Tools und Plugins zu löschen. Vermeiden Sie als Nächstes die Verwendung von Inline-CSS und JavaScript. Optimieren Sie auch die Reihenfolge und den Stil der Skripte. Und schließlich nutzen Sie das Content Delivery Network (das wir als Nächstes besprechen werden).
3. Verwenden Sie ein CDN
Ein CDN (oder Content Delivery Network) wird verwendet, um das Laden von Web-Assets zu beschleunigen. Lassen Sie sich hier nicht mit Hosting verwechseln. Beim Webhosting werden die Inhalte Ihrer Website physisch gespeichert und im Internet verfügbar gemacht. Während ein CDN diese Bereitstellung beschleunigt, indem es die Daten auf mehreren lokalen Servern speichert und sie von dem Server bereitstellt, der dem Benutzer am nächsten ist. Einige bekannte CDN-Unternehmen sind Cloudflare, Amazon CloudFront, KeyCDN, Akamai und MaxCDN.
Bildquelle: KeyCDN
Angenommen, Ihr Hostserver befindet sich in New York. Und ein Benutzer versucht, von Singapur aus auf Ihre Webseite zuzugreifen. Es würde ungefähr dauern 100-200 ms damit der New Yorker Server mit der vom Benutzer angeforderten Webseite antwortet. Wenn wir jedoch einen CDN-Server in Singapur platzieren, kann der Benutzer eine Webseite ohne die Verzögerung von 200 ms abrufen. Ein CDN speichert die Website einfach zwischen, um eine schnellere Bereitstellung in der Nähe des Benutzerstandorts zu ermöglichen und die Webseite fast sofort bereitzustellen. Große Websites mit hohem Datenverkehr (wie Amazon, Netflix und Facebook) nutzen CDNs für eine schnelle und effiziente Bereitstellung von Inhalten.
4. Richten Sie das Browser-Caching ein
Jedes Mal, wenn ein Browser eine Website lädt, muss er alle Webdateien herunterladen, um die Seite richtig anzuzeigen. Dazu gehören HTML, CSS, JavaScript und Bilder. Die Gesamtgröße all dieser Dateien kann je nach Inhaltsgröße zwischen einigen Kilobyte und mehreren Megabyte liegen.
Nun entsteht das Problem, wenn Nutzer eine langsame Internetverbindung haben und die Website zu viele HTTP-Anfragen stellt. Um dem entgegenzuwirken, kann Browser-Caching helfen, indem Dateien lokal im Browser des Benutzers gespeichert werden.
Wenn nun ein Benutzer eine Website zum ersten Mal besucht, dauert das Laden die erforderliche Zeit. Wenn jedoch derselbe Benutzer die Website erneut besucht, wird sie schneller geladen. Warum? Weil der Browser bereits einige Dateien gespeichert hat. Jetzt müssen nur noch die verbleibenden (aktualisierten) heruntergeladen werden und es müssen daher weniger HTTP-Anfragen gestellt werden, was zu einer kürzeren Seitenladezeit führt.
Wenn Sie WordPress verwenden, installieren Sie ein Plugin (WP Rocket, WP Total Cache, Cache Enabler) und aktivieren Sie es. Um das Browser-Caching auf Websites zu ermöglichen, die nicht auf CMS basieren, müssen HTTP-Header mit festgelegten Ablaufzeiten für bestimmte Dateitypen bearbeitet werden.
5. Wählen Sie das richtige Hosting
Die meisten Verlage entscheiden sich beim Hosting für die günstigste verfügbare Option. Und entscheiden Sie sich für ein Upgrade des Hostings, sobald Ihre Website wächst. Keine schlechte Idee.
Hier sind die Optionen, die Sie beim Upgrade des Hosting-Dienstes ausprobieren können:
- Shared Hosting: Ihre Website wird auf einem Server gehostet, der von anderen Websites gemeinsam genutzt wird. Eine der günstigsten Hosting-Methoden und gut für eine neue Website mit geringem Traffic. Zu den Nachteilen gehören Sicherheitsbedenken und hohe Seitenlatenz.
- Dedizierter Server: Ein physischer Server, der ausschließlich zum Hosten Ihrer Website bestimmt ist. Dadurch muss sich der Herausgeber keine Gedanken über die gemeinsame Nutzung von Ressourcen oder die Seitenlatenz machen. Dies kann jedoch kostspielig sein und erfordert, dass sich ein Administrator um technische Dinge kümmert.
- Self-Service-Webhosting: Du machst alles alleine. Kaufen Sie Server, installieren und konfigurieren Sie sie. Als nächstes kümmern Sie sich um Software, Kühlung, Stromversorgung und andere Anforderungen. Unternehmen wie Google und Apple verfügen über eigene Rechenzentren und Hosting-Server.
Tipps zur Reduzierung der Seitenlatenz mit WordPress
Laut WordPress, es versorgt 32 % des Webs mit Strom. Dies umfasst kleine und mittlere Unternehmen bis hin zu großen Unternehmen wie Sony Music und Forbes.
Wenn Sie WordPress zum Betrieb Ihrer Website verwenden, finden Sie hier einige Tipps zur Reduzierung der Seitenlatenz:
- Entfernen Sie zunächst alle Plugins, die Sie nicht verwenden. Jedes redundante Plugin fügt Ihrer Website einen Code hinzu. Und wann immer Ihre Website im Browser eines Benutzers aufgerufen wird, wird sie zusammen mit dem „nutzlosen“ Plugin-Code geladen.
- Installieren Sie ein Browser-Caching-Plugin. Wie wir oben erläutert haben, sorgt Browser-Caching für ein schnelles Laden von Websites, und WordPress erleichtert dies durch den Zugriff auf Plugins.
- Aktivieren Sie die Gzip-Komprimierung. Gzip weist Ihren Server an, den Webinhalt zum Zeitpunkt der Bereitstellung zu komprimieren und auf Browserebene zu dekomprimieren. Um Ihre Website mit Gzip zu komprimieren, gehen Sie einfach zu „http://yourdomain.com/wp-admin/options.php' und ändern Sie seinen Wert von 0 auf 1. Anstelle von yourdomain.com Geben Sie den Namen Ihrer Domain ein. Um diese Änderung vorzunehmen, benötigen Sie Administratorzugriff.
- Wählen Sie schließlich Ihr Thema mit Bedacht aus. Themes entscheiden darüber, wie Ihre Website aussehen wird. Wählen Sie hochwertige Themes, die nicht zu viele unnötige Elemente und Animationen hinzufügen. Halten Sie Ihr Theme einfach und den Code sauber, um eine schnell ladende Website bereitzustellen.
Shubham ist ein digitaler Vermarkter mit umfangreicher Erfahrung in der Werbetechnologiebranche. Er verfügt über umfassende Erfahrung in der Programmbranche und leitet Geschäftsstrategien und Skalierungsfunktionen, einschließlich, aber nicht beschränkt auf, Wachstum und Marketing, Betrieb, Prozessoptimierung und Vertrieb.
