Wenn eine Seite einer Website lange zum Laden braucht, stört dies die Navigation des Nutzers, der vielleicht daher lieber woanders nach den benötigten Informationen suchen möchte. Außerdem ist die Geschwindigkeit einer Website, insbesondere auf Mobilgeräten, etwas, das Google als sehr wichtig erachtet, und Sie hinsichtlich Ihrer Platzierung in der Suchmaschine bestrafen wird, wenn die Geschwindigkeit Ihrer Website nicht optimal ist. In diesem Artikel erfahren Sie, warum dies so ist und wie Sie die Ladegeschwindigkeit Ihrer Website verbessern können, um eine möglichst gute Suchmaschinenplatzierung und eine “SEO-freundliche” Website zu erhalten.
Warum ist es notwendig, die Ladegeschwindigkeit von Seiten zu beschleunigen?
Aus einer SEO-Perspektive
Einerseits ist die Ladegeschwindigkeit einer Website einer der Faktoren, die Google-Roboter bei der Suchmaschinenoptimierung berücksichtigen. Je besser Ihre Website ist, desto positiver wirkt sich dies auf Ihre Suchmaschinenpositionierung aus. In einer Zeit, in der Sprachbefehle ein Drittel aller Suchanfragen im Internet ausmachen, nehmen wir uns nicht einmal mehr die Zeit, unsere Suchanfragen einzutippen. Suchmaschinen brauchen daher eine möglichst unverzügliche Antwort. Es wird geschätzt, dass eine Website mit einer Standardladezeit in der Lage ist, eine Seite in innerhalb von 300 ms und 500 ms zu laden. Da die Zahl der Suchanfragen über Mobiltelefone stetig steigt und Mobiltelefone nicht die gleiche Leistung wie ein Computer haben, ist es notwendig, die Ladezeiten von Webseiten zu optimieren.
Aus der Sicht des Nutzers
Auf der anderen Seite ist es für einen Nutzer sehr frustrierend, auf einer Webseite zu surfen, die nur langsam lädt. Es wird geschätzt, dass ein Nutzer nie länger als drei Sekunden warten wird.
In der Tat ist die Ladezeit zu lang, wenn sie über 600 ms beträgt. Der Nutzer wird es vorziehen, den Tab zu schließen und sich die Informationen an anderer Stelle zu holen.
Wie erstellen Sie eine Diagnose Ihrer Website?
Bevor Sie die Ladezeit Ihrer Website verbessern können, müssen Sie zunächst eine Bestandsaufnahme Ihrer Website durchführen.
Keyweo hat drei Tools ausgewählt, mit denen Sie die Ladegeschwindigkeit einer Seite analysieren können. Das Ergebnis wird darüber entscheiden, ob Ihre Website weitere Optimierungen benötigt oder ob sie schnell genug ist.
Zu diesem Zweck gibt es verschiedene Tools, die im Internet verfügbar sind. Das erste Tool, das Sie verwenden sollten, ist das von Google selbst angebotene.
Google Pagespeed Insights
Dieses Tool ist sehr einfach zu bedienen und kann die Ladezeit auf der Desktop- und der mobilen Version Ihrer Website einschätzen. Beachten Sie, dass die Ergebnisse je nach Gerät unterschiedlich ausfallen. Eine Website kann auf dem Desktop sehr gut optimiert sein, aber auf dem Handy langsam sein.
Sie müssen nur die URL der Seite, die Sie analysieren möchten, in den dafür vorgesehenen Bereich eingeben. In weniger als einer Minute erhalten Sie einen detaillierten Bericht über die verbesserungswürdigen Aspekte Ihrer Seite. Google gibt Ihnen auch eine Punktzahl zwischen 1 und 100. Wenn Ihre Seite eine Punktzahl zwischen 90 und 100 erreicht, ist dies gut und es wird davon ausgegangen, dass die Website effektiv ist. Nun liegt es an Ihnen, den Bericht von Google zu analysieren und die richtigen Entscheidungen zu treffen, um Ihre Chancen auf eine gute Platzierung zu maximieren.
GTmetrix
GTmetrix funktioniert auf die gleiche Weise wie das von Google angebotene Tool. Sie fügen die URL der zu testenden Seite ein und das Tool kümmert sich innerhalb von Sekunden um die Bewertung und Diagnose der Seite.
GTmetrix hingegen ist für die Nutzer visueller und intuitiver als Google Pagespeed Insight. Außerdem werden die Maßnahmen, die Sie ergreifen müssen, um die Ladezeit Ihrer Seite zu optimieren, nach Prioritäten geordnet. In Bezug auf technische Aspekte, die verbessert werden müssen, liefert GTmetrix eine umfassendere und tiefgehende Analyse, die Ihnen hilft, Optimierungsmöglichkeiten gezielt zu nutzen.
Pingdom Tools
Pingdom Tools vervollständigt Ihr Verständnis.
Diese Software dient im Großen und Ganzen demselben Zweck, aber es ist interessant, die Ergebnisse zwischen den beiden Tests zu vergleichen.
Pingdom Tool wird Ihnen vier Hauptkriterien präsentieren:
- Das Gewicht der Seiten
- Die Ladezeit
- Die Anzahl der Anfragen beim Laden der Seite
- Einen Performance-Index
Ähnlich wie das Google-Tool schlägt Ihnen das Pingdom Tool Verbesserungsmöglichkeiten für Ihre Website vor und gibt Ihnen auch die dazugehörigen Lösungen an.
Obwohl sie sich sehr ähnlich sind, können Sie mit diesen drei Tools verschiedene Perspektiven auf Ihre Website erhalten. Es liegt dann an Ihnen, die Ergebnisse zu korrelieren und die optimalen Verbesserungsmöglichkeiten auszuwählen.
Da wir nun wissen, in welchem Zustand sich Ihre Webseite befindet, werden wir Ihnen eine Liste mit Tipps geben, wie Sie die Ladezeit Ihrer Webseite optimieren können.
Unsere Tipps für schnellere Ladezeiten Ihrer Webseiten
Hinsichtlich Ihres Servers
- Wählen Sie einen leistungsstarken Webhoster
Es gibt sehr viele Webhosting-Anbieter auf dem Markt und in allen Preisklassen. Es gibt zwei Arten von Servern: dedizierte und geteilte Server.
Shared Server sind in der Regel weniger effizient. Wie der Name schon sagt, werden die Server von mehreren Websites gemeinsam genutzt, was die Leistung Ihres Servers verlangsamen kann, wenn zu viele Verbindungen zu anderen Websites auf dem Server hergestellt werden. Bevorzugen Sie einen Server, der ausschließlich Ihrer Website gewidmet ist.
- Verwenden Sie ein CDN (Content Delivery Network)
Ein CDN ist im Grunde ein System zur Verknüpfung von Inhalten. Computer sind über das Internet vernetzt und fungieren gewissermaßen als Spiegel, die den Inhalt einer auf einem Server abgelegten Website widerspiegeln, um die Leistung des Mechanismus zur Übertragung/Zustellung von Inhalten zu verbessern.
Dies führt zu einer Senkung der Bandbreitenkosten sowie einer Verbesserung des Nutzererlebnisses.
- Verwenden Sie ein DNS-Preloading
Das DNS ist das, was den Datenverkehr auf einen Domainnamen bringt. Ein DNS übersetzt beispielsweise Ihre Suchanfrage “www.keyweo.com” in die Computersprache, die es allen Computern ermöglicht, miteinander verbunden zu sein und sich gegenseitig zu verstehen. Das DNS wird dafür sorgen, dass Sie sich mit diesem oder jenem Domainnamen verbinden, und stellt die Verbindung zu dem Server her, auf dem er gehostet wird.
Es ist möglich, das DNS vorzuladen (indem man es für eine vordefinierte Zeit im Cache hält), damit die Anfrage schneller beantwortet wird.
- Verwenden Sie externe Speicherplattformen, um den Server nicht zu überlasten
Um das Laden Ihrer Seiten zu optimieren, empfehlen wir Ihnen, Inhalte mit viel Gewicht auf Speicherplattformen zu hosten, die unabhängig von Ihrer Website sind.
Und integrieren Sie den Link in Ihre Seite. Da das Video auf Servern außerhalb Ihrer eigenen gehostet wird, verringert sich das Gewicht Ihrer Seite.
Hinsichtlich Ihrer Website
- Begrenzen Sie die Verwendung von Widgets und Plugins
Es stimmt, dass Widgets stilvoll sind und eine Website attraktiver machen. Allerdings sind sie aufgrund ihres Gewichts auch oftmals schwierig zu laden. Konzentrieren Sie sich nur auf die wesentlichen Widgets.
- Minimieren Sie die Gesamtheit der Dateien (Wir geben Ihnen weiter unten im Artikel Werkzeuge dafür an die Hand)
Je leichter der Inhalt Ihrer Website ist, desto schneller lädt Ihre Seite. Daher ist es sehr wichtig, die Datenlast aller Dateien auf Ihrer Webseite so gering wie möglich zu halten.
- Reduzieren Sie den HTML/CSS-Code
To display a web page, the browser must read the code version of your page to display it correctly.
The shorter the code is, the faster the response will be.
- Minimieren Sie HTTP-Anfragen und setzen Sie Prioritäten für Ihren Inhalt
Jede Codezeile, die gelesen werden muss, verlängert die Ladezeit Ihrer Seite. Es ist jedoch nicht unbedingt sinnvoll, Ihre gesamte Seite zu laden, wenn der Nutzer nur einen Teil davon benötigt.
Beispielsweise lohnt es sich nicht, ein Dropdown-Menü zu laden, solange der Nutzer nicht darauf geklickt hat.
Je nachdem, welche Software Sie verwenden, gibt es verschiedene Plugins, um dies zu handhaben.
Man nennt dies “lazy loading”. Sie brauchen nur “lazy loading” gefolgt vom Namen der von Ihnen verwendeten Software einzugeben, um diese Plugins im Internet zu finden.
- Reduzieren Sie Javascript- und CSS-Inhalte
Einige Ressourcen können lange Ladezeiten verursachen, da der Browser sie beim Laden der Seite herunterladen muss, was sehr lange dauern kann.
Eliminieren Sie diese Ressourcen, die möglicherweise zu lange zum Herunterladen brauchen.
Hier finden Sie verschiedene Tools, mit denen Sie Ihre Ladegeschwindigkeit verbessern können.
Es gibt viele Tools, mit denen Sie die Dateigröße auf Ihren Webseiten reduzieren können. Hier stellen wir Ihnen 6 Tools vor, mit denen Sie die Ladezeit Ihrer Seiten maximal verbessern können. 3 dieser Tools haben das direkte Ziel, diese Latenzzeit zu beschleunigen. Die anderen 3 haben zum Ziel, das Gewicht der Fotos so weit wie möglich zu reduzieren. Wir haben festgestellt, dass viele unserer Kunden diese Art von Problemen auf ihrer Website bereits festgestellt haben, aber nicht wissen, wie sie sie beheben können.
3 Tools zur Beschleunigung einer Website
Die Verwendung dieser Tools erfordert gute Computerkenntnisse. Wir empfehlen Ihnen, sich an eine SEO-Agentur zu wenden, um diese Art von Verbesserung durchzuführen. Versuchen Sie nichts, wenn Sie der Meinung sind, dass Sie nicht über die nötigen Fähigkeiten verfügen, da dies die Funktion Ihrer Website beeinträchtigen könnte.
Gzip
Dieses Programm komprimiert Dateien, bevor sie ins Internet gelangen, und der Browser dekomprimiert sie dann, wenn er die Seite anzeigt. Durch das Komprimieren von Dateien können Sie die Leistung Ihrer Website erhöhen und Bandbreite einsparen.
Gzip wird von allen Browsern erkannt.
Den Link zum Gzip-Programm finden Sie hier.
web.dev
Dieses von Google angebotene Tool wurde ursprünglich für Webentwickler entwickelt und dient der Fortbildung, aber auch der Untersuchung der eigenen Website als Fallstudie. Der Vorteil dieses Tools im Gegensatz zu Google Pagespeed Insights ist, dass es Ihnen Artikel vorschlägt, mit denen Sie die Problembereiche Ihrer Website verbessern können. web.dev wird die Analyse in vier Teile aufgliedern: 1 Performance, 2 Accessibility, 3 Best Practices, 4 SEO.
Wir empfehlen Ihnen, diese Seite mehrmals im Jahr zu besuchen und darauf zu achten, dass Sie im grünen Bereich bleiben. Der Google-Algorithmus wird ständig aktualisiert, was sich auf Ihre Ergebnisse auswirken kann.
Den Link zu Google web.dev finden Sie hier.
WP rocket
Mit WP rocket können Sie die Dateikomprimierung von Gzip anwenden und die Geschwindigkeit einer WordPress-Website verbessern. WP rocket bietet genau die gleichen Vorteile wie das zuvor erwähnte Gzip.
Um WP rocket verwenden zu können, müssen Sie zwei Voraussetzungen erfüllen:
- Auf dem Server, auf dem Ihre Website gehostet wird, muss die Funktion gzencode in php verfügbar sein.
- mod_deflate muss auf dem Server aktiviert sein. Wenden Sie sich an Ihren Webhoster, wenn Sie nicht weiter wissen.
- Die erforderlichen Regeln befinden sich in der Konfigurationsdatei Ihres .htaccess-Servers, die sich im Stammverzeichnis Ihrer Website befindet.
Den Link zu WP rocket finden Sie hier.
3 Werkzeuge, um Ihre Fotos zu optimieren
Bilder mit einem hohen Gewicht: Die meisten Menschen entdecken dieses Problem, wenn sie die SEO-Leistung einer Website überprüfen. In den meisten Fällen wissen sie aber leider nicht, wie sie es beheben können. Außerdem wird die Optimierung von Bildern durch ihre Komprimierung in der Regel mit einem Qualitätsverlust in Verbindung gebracht. Es gibt jedoch kostenlose Online-Tools, mit denen sich die Größe von Bildern deutlich reduzieren lässt, ohne dass dies mit bloßem Auge erkennbar ist.
In diesem Artikel werden wir 3 kostenlose Tools zur Bildoptimierung vergleichen und ihre Wirksamkeit gegenüberstellen. Um diesen Vergleichstest zu erstellen, werden wir das folgende Bild verwenden. Sein Originalgewicht beträgt 499 KB und seine Größe 1920 x 1268 px.
| TinyPNG | Squoosh | Compressor.io | |
| UX/UI | Schnell und intuitiv | Sehr anschaulich. Möglichkeit, eine Vorher-Nachher-Ansicht zu erhalten | Sehr anschaulich. Möglichkeit, eine Vorher-Nachher-Ansicht zu erhalten |
| Unterstützte Formate | JPG / PNG | JPG / PNG / Mozjpg / WebP | JPG / PNG / GIF / SVG |
| Hochladen von Dateien | Bis zu 20 Dateien gleichzeitig | Eine nach der anderen | Eine nach der anderen |
| Maximales Gewicht | 5MB | Bis zu 10MB
-Akzeptiert mehr Gewicht, aber die Seite bleibt hängen- |
10MB |
| Registrierung | Auf Ihrem Computer
Auf Dropbox |
Auf Ihrem Computer | Auf Ihrem Computer
Auf Dropbox |
| Wahl der Qualität | Nicht möglich | Möglich | Nicht möglich |
| Benötigt eine Verbindung | Ja | Nein | Ja |
| Größe ändern | Nicht möglich | Möglich | Nicht möglich |
| Entwickler | API | Stephane.Ly | |
| Größe betroffen? | Nein | Nein | Nein |
| Optimierung | 57% | 56% | 39% |
| Finales Gewicht | 178,3 KB | 184KB | 253 KB |
| Qualität | Die Qualität des Fotos wurde durch die Umwandlung nicht beeinträchtigt. Jedoch beträgt das Gewicht weniger als die Hälfte dessen, was es vor der Komprimierung hatte. Wir können sehen, dass die Textur des Gefieders des Flamingos unverändert ist und immer noch alle Details enthält. Auch die Farben wurden bei der Optimierung nicht verändert. Wir können also feststellen, dass TinyPNG die Qualität der Fotos nicht beeinträchtigt. Die vorgenommenen Änderungen sind nicht sichtbar. | Bei Squoosh fällt auf, dass die Details in der Textur des Gefieders weniger sichtbar sind als auf dem Originalfoto. Der Kopf und der Schnabel hingegen haben fast die gleiche Qualität. Auch die Farben sind nach der Umwandlung die gleichen. Der Vorteil dieses Werkzeugs besteht darin, dass es uns erlaubt, die Reduzierung des Bildgewichts zu variieren. | Compressor.io ist das Werkzeug, das die Qualität des Originalbildes am besten bewahrt. Sie können die Änderungen kaum sehen. Das Foto ist dem Original sehr ähnlich. Es behält alle Details und die Textur des Gefieders des Flamingos bei. |
- Image TinyPNG
- Image Squoosh
- Image Compressor.io
Zum Abschluss …
Jedes Tool konnte die Größe des Originalbildes erheblich reduzieren. TinyPNG und Squoosh erreichten mehr als 55% Optimierung, Compressor.io etwas weniger, nämlich 39%. Alle Bilder haben ihre Qualität und Farben behalten, und obwohl Compressor.io hier am besten abschneidet, hat Squoosh ebenfalls eine gute Leistung erbracht. Wir konnten sogar sehen, dass die Textur des Bildes dort besser ist als in der Version von TinyPNG.
Die Optimierung von Bildern ist einer der wichtigsten Aspekte guter SEO-Praktiken und der Erstellung von Inhalten, die auf die Kriterien der Suchmaschinenoptimierung abgestimmt sind. Gut reduzierte Bilder können die Ladezeit einer Seite verbessern und so sowohl die Internetnutzer als auch Google zufriedenstellen.
Die Optimierung der Ladezeiten ist nur einer von vielen Punkten, die für eine gute natürliche Suchmaschinenoptimierung berücksichtigt werden müssen. Weitere Tipps finden Sie auch in den anderen SEO-Artikeln unseres Blogs.
