So beschleunigen Sie die Ladezeit von Seiten mit einfachen Website-Optimierungen

Veröffentlicht: 2022-07-02

Die Seitengeschwindigkeit kann im Internet über Erfolg oder Misserfolg entscheiden.

Ein schnelleres Laden der Seite bedeutet normalerweise insgesamt bessere Ergebnisse für die Geschwindigkeit Ihrer Website. Jeder Aspekt des Erfolgs einer Website ist mit der Seitengeschwindigkeit verknüpft, von SEO über Conversions bis hin zur Benutzererfahrung und darüber hinaus.

Von dem von Ihnen gewählten Hosting-Anbieter bis hin zu der Anwendung, mit der Sie arbeiten möchten, gibt es viele Bereiche, die optimiert werden können. Bei so vielen zu berücksichtigenden Bereichen kann die Verbesserung der Seitengeschwindigkeit ein komplexer Prozess sein. Zu lernen, wie man die Ladezeit von Webseiten auf einfach zu implementierende Weise optimiert, ist entscheidend für den Erfolg.

Was können Sie also tun, um sicherzustellen, dass Sie optimiert sind? Sehen wir uns einige Möglichkeiten an, um Ihre Webseite schneller zu machen, wie Sie die Seitenladezeit beschleunigen können, und andere bewährte Methoden für die Seitenladezeit und die Erhöhung der Geschwindigkeit.

Warum die Seitenladezeit wichtig ist

Bevor wir uns mit der Beschleunigung der Seitenladezeit befassen, wollen wir zunächst verstehen, warum dies so wichtig ist.

Google hat erstmals im Jahr 2010 angekündigt, dass die Website-Geschwindigkeit das Ranking beeinflussen würde, und hat seine Bedeutung weiterhin unter Beweis gestellt. Im Jahr 2018 führte Google die Seitengeschwindigkeit als Rankingfaktor für die Geschwindigkeit mobiler Websites ein.

SEO-Spezialisten begannen schnell damit, On-Page-Elemente zu optimieren und die Suchmaschine zu kürzen. Diejenigen, die nicht zurückgefallen sind. Und jetzt, mit den kürzlich angekündigten Core-Web-Vitals, ist Geschwindigkeit wichtiger denn je.

Möchten Sie mehr darüber erfahren, wie Sie die Seitenladegeschwindigkeit verbessern können? Hier sind einige wichtige Bereiche, die Sie berücksichtigen sollten.

Bedeutung der Seitengeschwindigkeit

Die Ladezeit von Seiten war aus einem ziemlich offensichtlichen Grund schon immer wichtig: Conversions. Einfach ausgedrückt, schnelle Websites erhöhen die Conversions – und langsame Websites reduzieren sie.

Tatsächlich führt eine Verbesserung der Geschwindigkeit mobiler Websites um 0,1 Sekunden zu einer Steigerung der Konversionsraten um 8,4 % für Einzelhandelsunternehmen, wie Google in einer Studie aus dem Jahr 2020 herausfand.

Die Geschwindigkeit der Website wirkt sich auch auf Ihre Absprungraten aus. Wenn Benutzer auf eine langsame Website stoßen, verlassen sie sie. Laut einem Bericht von Akamal Technologies kann eine Verzögerung der Seitenladezeit um zwei Sekunden die Absprungrate einer Website um 103 % erhöhen.

Testen Sie Ihre Seitenladezeit

Um einen Schnappschuss Ihrer Website zu erhalten und Vorher-Nachher-Benchmarks für den Optimierungsprozess zu erstellen, sollten Sie zunächst Ihre aktuelle Seitengeschwindigkeit testen. Ein paar Tools, mit denen Sie beginnen können, sind Googles Page Speed Insights und Webpagetest.org.

Stellen Sie sicher, dass Sie mehrere Tests durchführen und Ihre Ergebnisse mitteln. Mit Web Page Test können Sie dies automatisch im Einstellungsmenü tun. Es ist immer ratsam, einen Teststandort auszuwählen, der sich in der Nähe des Hosts Ihrer Website befindet, um sicherzustellen, dass Sie die genauesten Ergebnisse erhalten.

So richten wir normalerweise webpagetest.org für grundlegende Geschwindigkeitstests ein.

Unten sehen Sie die gemittelten Ergebnisse eines Seitengeschwindigkeitstests auf der Magento-Demoseite. Wir haben drei der wichtigsten und aussagekräftigsten Statistiken herausgesucht, die wir zur Optimierung der Website verwenden möchten.

Ladezeit	Zeit bis zum ersten Byte	Bytes ein
2.264s	0,318 s	927 KB

Die erste Statistik ist die Ladezeit. Dies zeigt uns die vollständige Zeit, die zum Laden unserer Seite benötigt wird. Denken Sie daran, dass Sie möglicherweise die Hälfte Ihres potenziellen Verkehrs verlieren, wenn das Laden einer Seite länger als drei Sekunden dauert. Diese Nummer ist für uns die wichtigste Änderung.

Die zweite Statistik ist Time To First Byte (TTFB). Während es hilfreich sein kann, Orientierung zu geben, kann TTFB relativ leicht manipuliert werden und seine Bedeutung kann variieren. Wenn Sie Google Lighthouse verwenden, können Sie auch First Contentful Paint und First Meaningful Paint verfolgen, die berichten, wie schnell Ihre Seite den Bildschirm mit Elementen Ihres Inhalts „bemalt“.

Haben Sie jemals ein Rezept geladen und die Hälfte davon hat nicht mit der Geschwindigkeit Schritt gehalten, mit der Sie scrollen, weil Sie versuchen, an all den Anzeigen und Erzählungen vorbeizukommen? Das liegt daran, dass die FCP/FMP-Zeit sehr langsam ist.

Die dritte Statistik ist die Größe der Informationen, die auf die Seite heruntergeladen werden. Wenn diese Zahl sehr groß ist, kann es sinnvoll sein, sich genauer anzusehen, wie lange verschiedene Seitenelemente brauchen.

Pagespeed-Wasserfall

Wenn Sie lernen möchten, wie Sie die Ladezeit von Seiten beschleunigen können, isolieren Sie, welche Elemente die Seitengeschwindigkeit verlangsamen, und werfen Sie einen Blick auf den Wasserfall. Ein Beispiel dafür, wie der Wasserfall aussieht, ist unten zu sehen.

Sobald Sie sich den Wasserfall angesehen haben, sollten Sie eine bessere Vorstellung davon haben, was verbessert werden kann. Oben können wir sehen, dass einige der Front-End-.js-Dateien wahrscheinlich etwas beschleunigt werden können.

Weiter unten im Wasserfall (abseits der Seite) gibt es auch einige Bilddateien, die länger zum Laden brauchen und optimiert werden sollten. Zu verstehen, welche Elemente Seitenverzögerungen verursachen, ist der Schlüssel, wenn Ihr Fokus auf einer schnelleren Seitenladezeit liegt.

So beschleunigen Sie die Ladezeit von Seiten über Webinhalte

Bilder komprimieren und optimieren

Wenn es darum geht, die Ladezeit von Seiten zu beschleunigen, ist die Bildkomprimierung ein guter Ausgangspunkt. Zu oft erstellen Webdesigner Bilder mit nutzlos hohen Auflösungen. Hochauflösende Bilder belegen mehr Speicherplatz auf einem Server und können die Ladezeiten erheblich verlängern.

Wir empfehlen dringend, Bilder entsprechend zu skalieren. Wenn ein Bild auf Ihrer Website nur 100 x 100 Pixel Platz einnehmen soll, müssen Sie es nicht auf 1000 x 1000 einstellen. Wir empfehlen ein Plugin wie Smush oder EWWW Image Optimizer, wenn Sie eine WordPress-Site betreiben.

So konvertieren Sie in WordPress in WebP-Bilder >>

Bildtyp-Erweiterungen

Beim Speichern von Bildern ist es wichtig zu wissen, welche Erweiterung zu verwenden ist. Soll es .jpg oder .png sein? Hat Ihnen jemand ein Logo im .svg-Format geschickt? Es gibt viele widersprüchliche Informationen darüber, was das Beste ist.

Viele sagen, dass .png (Portable Network Graphics) die bessere Option ist, da es darauf ausgelegt ist, Bilder so weit wie möglich zu komprimieren, ohne an Qualität zu verlieren. Das stimmt teilweise. Davon abgesehen gibt es Ausnahmen von der Regel. Beispielsweise funktionieren .JPEG-Dateien bei der Verwendung von Fotos tatsächlich viel besser.

Wir empfehlen, zu prüfen, wie sich das Speichern Ihrer Datei auf verschiedene Arten auf Größe und Qualität auswirkt, wenn sie in einer Vorschau Ihrer Seite angezeigt wird. Wenn Sie einen deutlichen Unterschied bemerken, entscheiden Sie sich für die bessere Erweiterung.

Website-Inhalt komprimieren

Bilder sind nicht die einzigen Seitenelemente, die gequetscht werden müssen. Sie sollten auch CSS-, HTML- und JavaScript-Elemente auf Ihrer Website komprimieren. GZip ist ein sehr empfehlenswertes Komprimierungstool, das Google vor der Implementierung in einer Produktionsumgebung testen sollte. Wir empfehlen die Verwendung einer Dev Site-Umgebung, die Ihre eigene Produktionsumgebung nachahmt, wenn Sie dies vorhaben.

Die Sache mit dem Komprimieren Ihrer Website-Inhalte ist, dass es einige Hinweise darauf gibt, dass es die Zeit bis zum ersten Byte geringfügig verlängern kann. Es erhöht jedoch auch die Gesamtladezeit der Seitengeschwindigkeit dramatisch, was einige SEO-Experten vorschlagen, dass Google tatsächlich Priorität einräumt. Wir empfehlen, die Komprimierung auf einzelnen Seiten zu testen, anstatt einen Website-weiten Wechsel vorzunehmen.

Vereinfachen Sie das Webdesign

Wenn Sie eine schnellere Seitenladezeit wünschen, ist weniger fast immer mehr. Anstatt den Kernseiten zusätzliche Funktionen hinzuzufügen, wie wäre es, wenn Sie sich für etwas Einfacheres und Schnelleres entscheiden? Je weniger HTTP-Requests eine Seite hat, desto schneller lädt sie in der Regel.

Neben der Verbesserung der Seitengeschwindigkeit hat sich in vielen Fällen auch gezeigt, dass einfaches Webdesign die Benutzererfahrung verbessert. In einer von Google durchgeführten UX-Studie wurde festgestellt, dass Benutzer dazu neigen, die Ästhetik einer Website innerhalb von 1/50 – 1/20 Sekunde zu beurteilen, und dass visuell komplexe Websites fast immer als weniger schön beurteilt wurden als ihre einfacheren Pendants.

Je schöner eine Website wahrgenommen wird, desto besser werden UX und SEO sein und desto mehr Conversions werden steigen. Ein einfacheres Website-Design ist eine der schnellsten Methoden, um die Seitengeschwindigkeit innerhalb kurzer Zeit zu verbessern. Wir empfehlen jedoch, A/B-Tests durchzuführen, um zu sehen, wie Änderungen tatsächlich funktionieren, anstatt sofort eine 100%ige Änderung vorzunehmen.

So beschleunigen Sie die Ladezeit von Seiten über Ihren Host

Ihr Host spielt auch eine große Rolle bei der Ladezeit der Seite. Hier sind einige Möglichkeiten, um die Ladezeit von Seiten mit Ihrem Host zu verkürzen.

Caching aktivieren

Beim Caching können wiederkehrende Besucher Ihre Website viel schneller laden, da Seitenelemente auf ihrer Festplatte in einem Cache oder temporären Speicher gespeichert werden. Für WordPress- und WooCommerce-Sites verwenden wir Redis Object Cache, um Caching-Funktionen zu verwalten. Dies wird vorinstalliert und vorkonfiguriert geliefert, wenn Sie ein WordPress-optimiertes Hosting-Paket über Nexcess erwerben.

Um die Seitengeschwindigkeit noch weiter zu optimieren, ermöglicht die Nexcess Cloud die Nutzung des Cloud Accelerator. Dies kann einfach mit einem Klick auf eine Schaltfläche im Leistungsbereich des Kundenportals ein- und ausgeschaltet werden.

Aktivieren Sie das Caching für die Geschwindigkeit der Website

Sie sind sich nicht sicher, ob Sie Varnish oder NGINX aktivieren sollten? Erfahren Sie mehr über den Unterschied zwischen Varnish und NGINX in unserem Definitive Guide to Optimizing Magento 2.

Caching und CDN

Das Caching mit einem vorhandenen CDN (Content Delivery Network) ist ein komplizierterer Prozess und kann eine erweiterte Einrichtung erfordern. Eine geeignete Caching-Konfiguration mit einem CDN kann Ihnen jedoch dabei helfen, dieses globale Publikum so zu erreichen, als ob Sie bei einem lokalen Host wären.

Warum Sie ein WordPress-CDN brauchen >>

Für WordPress und WooCommerce lesen Sie unseren Leitfaden zur Konfiguration des Nexcess CDN mit WordPress und CDN Enabler.

Andere zu berücksichtigende Bereiche

Welche Seite optimieren Sie?

Ihre Website-Struktur macht einen großen Unterschied, wenn es um die Optimierung geht. Es ist wichtig, darüber nachzudenken, welche Seite Sie optimieren und wie sie für die gesamte Websitestruktur relevant ist. Wenn Sie eine Seite aktualisieren, sollten auch die Seiten berücksichtigt werden, mit denen sie interagiert.

Beispielsweise ist es für uns nicht hilfreich, nur Nexcess.net zu optimieren, wir müssen auch Nexcess.net/magento/hosting und Nexcess.net/cloud/hosting optimieren.

Bevor Sie mit diesem Prozess beginnen, erstellen Sie einen Plan, welche Schlüsselseiten die meisten Conversions und den höchsten ROI erzielen. Beginnen Sie hier, um die größte Wirkung zu erzielen.

Seitengeschwindigkeit und SEO

Während Seitengeschwindigkeit und SEO untrennbar miteinander verbunden sind, sollten Sie sich nicht täuschen, dass dies nicht der entscheidende Faktor bei der Bestimmung des Seitenrangs ist. Google selbst hat gesagt, dass wenn Inhalte relevanter sind und die Leute bereit sind zu warten, bis sie geladen sind, sie diese Seite nicht bestrafen werden.

Letztendlich ist die Seitengeschwindigkeit ein wichtiger Teil der Optimierung, aber Inhalt, Qualität und Benutzererfahrung sollten immer im Vordergrund stehen.

Beschleunigen Sie die Ladezeit mit dem richtigen Host

Wir sind weit davon entfernt, darauf zu warten, dass Bilder Zeile für Zeile geladen werden. Die Seitengeschwindigkeit ist nicht nur etwas, worüber sich Verbraucher beschweren – sie kann auch Conversions, Rankings und mehr bewirken oder brechen. Es ist IMMER eine gute Idee, alles zu tun, um die Seitengeschwindigkeit zu erhöhen.

Wenn Sie Zeit und Mühe in die Verbesserung der Seitenladezeit investieren, schützen Sie Ihr digitales Geschäft. Kombinieren Sie Ihr Schweißkapital mit intelligenten Investitionen. Machen Sie Ihren nächsten Schritt und wählen Sie einen Host mit bewährter Skalierbarkeit, Sicherheit, Geschwindigkeit und Support – wie Nexcess.

Nexcess bietet vollständig verwaltetes WordPress-Hosting, das Folgendes umfasst:

Automatische Updates.
SSL für die Sicherheit.
Eingebautes CDN.
Bildkompression.
Caching.
Und mehr!

Überzeugen Sie sich selbst mit einer zweiwöchigen kostenlosen Testversion.

Starten Sie meine kostenlose Testversion