- Wie lange Besucher auf Ihrer Website verweilen.
- Wie viele von ihnen werden zu zahlenden Kunden?
- Wie viel Sie auf CPC-Basis bei bezahlten Suchanzeigen bezahlen.
- Ihre Platzierung in den organischen Suchergebnissen.
Leider schneiden die meisten Websites in puncto Seitenladegeschwindigkeit schlecht ab, was sich direkt negativ auf ihren Umsatz auswirkt.
Es gibt unzählige Dinge, mit denen wir als Digitalmarketer unsere Tage verbringen können, und die Zeit reicht nie aus, um alles zu erledigen. Daher bleiben manche Aufgaben auf der Strecke.
Eines der Dinge, die am häufigsten aufgeschoben werden, ist die Optimierung der Seitenladezeit. Das ist leicht verständlich, denn die meisten Menschen verstehen die Bedeutung dieses oft übersehenen Details nicht und sehen daher keinen Sinn darin, Zeit und Geld zu investieren, um die Ladezeit um wenige Sekunden zu verbessern.
Was manchen Marketingfachleuten, darunter auch solchen, die sich ausschließlich auf Suchmaschinenoptimierung konzentrieren, als unbedeutender Zeitaufwand erscheinen mag, hat sich anhand von Daten von Branchenriesen bis hin zu unseren eigenen Analysedaten als enorm erwiesen.
Ich gehe davon aus, dass Sie wie ich Ihre Ergebnisse und natürlich Ihren Umsatz maximieren möchten, richtig? Dann legen wir gleich los und machen Ihre Website blitzschnell! (Das ist doch ein gutes Bild, oder?)
1. Verabschieden Sie sich vom Billig-Webhosting.
Heutzutage versuchen wir alle, Geld zu sparen, denn die Abonnements für Raven, SEMrush, Moz und all die anderen Tools, die wir täglich nutzen, summieren sich schnell. Es ist fast so, als hätte man ein zusätzliches Kind.
Eine Möglichkeit, wie viele Menschen versuchen, Geld zu sparen, besteht darin, sich für eine günstige Wohngemeinschaft zu entscheiden. Hosting Dabei werden so viele Websites wie möglich auf einen Server gequetscht, ähnlich wie eine Horde Clowns in ein einziges Auto. Leistung ist egal!
Sicher, Ihre Website wird die meiste Zeit erreichbar sein, wie bei den meisten Webhostern, aber sie wird so unglaublich langsam laden, dass Ihre Besucher frustriert abspringen, ohne jemals zu Käufern zu werden.
„Aber es ist kaum zu bemerken!“, beharren diese Schnäppchenjäger.
Die Sache ist die: Es mag Ihnen kaum auffallen, weil es Ihr Baby ist und Sie es lieben.
Aber alle anderen wollen nur so schnell wie möglich auf Ihre Website und wieder weg.
Besucher möchten nur so lange auf Ihrer Website bleiben, wie nötig, um ihr Anliegen zu erledigen – sei es die Suche nach einer Antwort, der Kauf eines Produkts oder die Erfüllung eines anderen spezifischen Ziels. Wenn Sie sie auch nur geringfügig aufhalten, werden sie wahrscheinlich unzufrieden sein und die Website verlassen, ohne etwas gekauft zu haben.
Denken Sie so darüber nach:
Die meisten Menschen lieben ihre eigenen Kinder bedingungslos. Aber wenn ein fremdes Kind schreit, mit Gegenständen um sich wirft und den Restaurantbesuch stört? Dann hassen sie dieses Kind. Genauso ist es mit Ihrer Website.
Wie groß ist der Unterschied wirklich?
Nach einer Studie von AmazonEin Unterschied von nur 100 ms – einer Zeiteinheit, die ein Mensch gar nicht wahrnehmen kann – reichte aus, um ihren Umsatz um 1 % zu reduzieren. Walmart kamen zu ähnlichen Ergebnissen.
Wenn diese winzige Zeiteinheit schon einen so großen direkten Einfluss auf den Umsatz hat, welchen Einfluss wird dann wohl eine zusätzliche Sekunde oder mehr haben?
Doch damit nicht genug, denn wie schnell (oder langsam) Ihre Website lädt, hat auch Auswirkungen auf das organische Suchmaschinenranking und die Kosten pro Klick.
Mit anderen Worten: Wenn Ihre Website langsam lädt, müssen Sie damit rechnen, dass Ihre Konkurrenten, die in diesen kritischen Bereich investiert haben, Ihnen Marktanteile abnehmen.
Kurz gesagt: Finger weg von Billig-Webhosting. Wenn Anbieter ihre Dienste wie Massenware (hauptsächlich über den Preis) verkaufen, werden sie auch ihre Kunden so behandeln.
Es gibt viele Webhoster, die auf Geschwindigkeit optimiert sind, insbesondere für WordPress-Websites, und einige von ihnen sind preislich ähnlich wie die Budget-Optionen.
Fragen Sie also herum, führen Sie einige Tests durch und investieren Sie in einen Webhoster, der Ihnen die Leistung bietet, um sowohl Ihre Besucher als auch Google zufrieden zu stellen.
2. HTTP-Aufrufe reduzieren
Jede Datei, die zum Rendern und Funktionieren einer Webseite benötigt wird, wie HTML, CSS, JavaScript, Bilder und Schriftarten, erfordert eine separate HTTP-Anfrage. Je mehr Anfragen gestellt werden, desto langsamer lädt die Seite.
Wenn Sie so denken wie die meisten Leute, mit denen ich spreche, denken Sie wahrscheinlich: „Ach, darüber brauche ich mir keine Sorgen zu machen, Jeremy. Ich weiß, was ich tue, und ich füge meiner Website keinen unnötigen Ballast hinzu!“
Das mag teilweise stimmen. Man mag zwar keinen unnötigen Ballast auf die eigene Website laden, aber bei über 90 % der Websites, die ich sehe, ist er trotzdem vorhanden.
Diese aufgeblähte Seite ist nicht etwa deshalb da, weil die Datenfee sie heimlich eingebaut hat, während du geschlafen hast. Sie ist da, weil die meisten Webdesigner, unabhängig von ihren Fähigkeiten oder ihrer Erfahrung, der Seitenladezeit keine Priorität einräumen. Die traurige Wahrheit ist, dass die meisten nicht einmal wissen, wie man richtig lädt.
Hier beginnt das Problem:
Die meisten Themes laden eine oder mehrere CSS-Dateien und diverse JavaScript-Dateien. Einige, wie beispielsweise jQuery oder FontAwesome, werden üblicherweise von einem externen Server geladen, was die Ladezeit einer Seite erheblich verlängert.
Dies wird noch problematischer, wenn man die zusätzlichen CSS- und JavaScript-Dateien berücksichtigt, die von Plugins hinzugefügt werden. Es ist leicht, allein durch diese Dateien ein halbes Dutzend oder mehr HTTP-Anfragen zu generieren.
Wenn man alle Bilder auf einer Seite berücksichtigt, die jeweils eine separate HTTP-Anfrage erfordern, gerät die Sache schnell außer Kontrolle.
- JavaScript-Dateien zu einer einzigen Datei zusammenführen.
- CSS-Dateien zu einer einzigen Datei zusammenführen.
- Reduzieren oder entfernen Sie Plugins, die eigene JavaScript- und/oder CSS-Dateien laden. In manchen Fällen, wie beispielsweise bei Gravity Forms, können Sie das Laden dieser Dateien deaktivieren.
- Verwenden Sie Sprites für häufig verwendete Bilder.
- Verwenden Sie nach Möglichkeit Schriftarten wie FontAwesome oder Ionic Icons anstelle von Bilddateien, da dann nur eine einzige Datei geladen werden muss.
3. Fügen Sie den abschließenden Schrägstrich hinzu.
Das Weglassen des abschließenden Schrägstrichs bei Links, die auf Ihre Website verweisen, sei es von externen Quellen (Linkbuilding-Maßnahmen) oder innerhalb Ihrer eigenen Website, wirkt sich negativ auf die Geschwindigkeit aus.
Hier ist wie:
Wenn Sie eine URL ohne abschließenden Schrägstrich aufrufen, sucht der Webserver nach einer Datei mit diesem Namen. Findet er keine solche Datei, behandelt er die URL als Verzeichnis und sucht in diesem Verzeichnis nach der Standarddatei.
Anders ausgedrückt: Durch das Weglassen des abschließenden Schrägstrichs zwingen Sie den Server zu einer unnötigen 301-Weiterleitung. Auch wenn es Ihnen augenblicklich erscheint, dauert es tatsächlich etwas länger, und wie bereits erwähnt, summiert sich jede Kleinigkeit.
https://example.com (this is bad)
or
https://example.com/services (this is also bad)
vs
https://example.com/ (this is good)
or
https://example.com/services/ (this is also good)
4. Aktivieren Sie die Komprimierung
Durch die Aktivierung der GZIP-Komprimierung kann die Downloadzeit Ihrer HTML-, CSS- und JavaScript-Dateien erheblich verkürzt werden, da diese als viel kleinere komprimierte Dateien heruntergeladen und erst im Browser wieder dekomprimiert werden.
Keine Sorge – Ihre Besucher müssen nichts zusätzlich tun, da alle modernen Browser GZIP unterstützen und es bereits automatisch für alle HTTP-Anfragen verarbeiten.
5. Browser-Caching aktivieren
Wenn Browser-Caching aktiviert ist, werden die Elemente einer Webseite im Browser Ihrer Besucher gespeichert, sodass beim nächsten Besuch Ihrer Website oder beim Besuch einer anderen Seite der Browser die Seite laden kann, ohne dass eine weitere HTTP-Anfrage an den Server für die zwischengespeicherten Elemente gesendet werden muss.
Sobald die erste Seite geladen und ihre Elemente im Cache des Nutzers gespeichert sind, müssen auf nachfolgenden Seiten nur noch neue Elemente heruntergeladen werden. Dadurch kann die Anzahl der während einer typischen Browsersitzung herunterzuladenden Dateien drastisch reduziert werden.
6. Ressourcen minimieren
Durch das Minimieren Ihrer CSS- und JavaScript-Dateien werden unnötige Leerzeichen und Kommentare entfernt, um die Dateigröße und damit die Downloadzeit zu reduzieren.
Zum Glück muss dies kein manueller Prozess sein, denn es gibt online mehrere Tools, mit denen man eine Datei in eine kleinere, minimierte Version umwandeln kann.
Es gibt außerdem mehrere Plugins für WordPress, die die Links im Head-Bereich Ihrer Website zu Ihren regulären CSS- und JavaScript-Dateien durch eine minimierte Version davon ersetzen, ohne Ihre Originaldateien zu verändern. Dazu gehören auch beliebte Caching-Plugins wie:
- W3 Total Cache
- WP Super Cache
- WP Rocket
Es kann etwas Mühe kosten, die Einstellungen genau richtig zu treffen, da die Minifizierung oft CSS und JavaScript beschädigen kann. Testen Sie Ihre Website daher gründlich, sobald Sie alles minifiziert haben.
7. Priorisieren Sie Above-the-Fold-Inhalte
Ihre Website kann für den Besucher schneller zu laden scheinen, wenn sie so programmiert ist, dass der sichtbare Inhalt – also der Inhalt, der sichtbar ist, bevor der Besucher scrollt – Priorität hat.
Das bedeutet, sicherzustellen, dass alle Elemente, die oberhalb der Falte erscheinen, auch so weit wie möglich am Anfang des HTML-Codes stehen, damit der Browser sie zuerst herunterladen und darstellen kann.
Es ist außerdem entscheidend, sämtliches CSS und JavaScript, das zum Rendern dieses Bereichs erforderlich ist, direkt im Code einzubinden und nicht in einer externen CSS-Datei.
8. Mediendateien optimieren
Da mobile Geräte mit hochwertigen Kameras weit verbreitet sind und moderne Content-Management-Systeme wie WordPress das Hochladen von Bildern komfortabel gestalten, machen viele Menschen einfach ein Foto und laden es hoch, ohne zu merken, dass das Bild oft mindestens viermal so groß ist wie nötig.
Dies verlangsamt Ihre Website erheblich – insbesondere für mobile Nutzer.
Durch die Optimierung der Mediendateien auf Ihrer Website lässt sich die Seitenladegeschwindigkeit enorm verbessern. Da dies relativ einfach ist, stellt es eine gute Investition Ihrer Zeit dar.
Bilder optimieren
- Wählen Sie das ideale Format. JPG eignet sich perfekt für Fotos, während GIF oder PNG am besten für Bilder mit großen, einfarbigen Flächen geeignet sind. 8-Bit-PNG-Dateien sind für Bilder ohne Alphakanal (transparenter Hintergrund) und 24-Bit-Dateien für Bilder mit Alphakanal.
- Achten Sie darauf, dass die Bilder die richtige Größe haben. Wenn ein Bild auf Ihrer Website mit einer Breite von 800 Pixeln angezeigt wird, bringt die Verwendung eines 1600 Pixel breiten Bildes keinen Vorteil.
- Komprimieren Sie die Bilddatei. Adobe Photoshop ist nicht nur eines der besten Bildbearbeitungsprogramme, sondern bietet auch hervorragende Bildkomprimierungsfunktionen und ist bereits ab 9.99 $ pro Monat erhältlich. Alternativ können Sie auch kostenlose WordPress-Plugins verwenden – wie zum Beispiel … WWW Bildoptimierer, Imsanityund TinyJPG – das automatisch hochgeladene Bilder komprimiert.
Videooptimierung
- Wählen Sie das ideale Format. MP4 ist in den meisten Fällen am besten geeignet, da es die kleinste Dateigröße erzeugt.
- Die optimale Größe (Abmessungen) wird basierend auf der Bildschirmgröße der Besucher bereitgestellt.
- Die Tonspur sollte entfernt werden, wenn das Video im Hintergrund als Gestaltungselement verwendet wird.
- Komprimieren Sie die Videodatei. Ich verwende meistens Adobe Premiere, aber Camtasia ist auch eine gute Wahl.
- Videolänge reduzieren.
- Erwägen Sie, Videos auf YouTube oder Vimeo hochzuladen, anstatt sie lokal bereitzustellen, und verwenden Sie deren iFrame-Einbettungscode.
Sie sollten es dabei aber nicht belassen, denn das kratzt nur an der Oberfläche.
Um die Medien auf Ihrer Website wirklich zu optimieren, müssen Sie die Bilder in der passenden Größe basierend auf der Bildschirmgröße ausliefern, anstatt sie einfach nur zu verkleinern.
Je nach Implementierung eines Bildes gibt es zwei Möglichkeiten, damit umzugehen.
- Bilder innerhalb des HTML-Codes Ihrer Website können mithilfe von src set bereitgestellt werden. Dadurch kann der Browser das passende Bild basierend auf der Bildschirmgröße des vom Besucher verwendeten Geräts auswählen, herunterladen und anzeigen.
- Bilder, die über CSS platziert werden – typischerweise als Hintergrundbilder – können mithilfe von Media Queries bereitgestellt werden, um das passende Bild basierend auf der Bildschirmgröße des Geräts auszuwählen, das ein Besucher verwendet.
9. Caching und CDNs nutzen
Caching ermöglicht es Ihrem Webserver, eine statische Kopie Ihrer Webseiten zu speichern, sodass diese schneller an den Browser des Besuchers ausgeliefert werden können. Ein CDN (Content Delivery Network) sorgt dafür, dass diese Kopien auf Server weltweit verteilt werden, sodass der Browser des Besuchers sie vom nächstgelegenen Server herunterladen kann. Dies verbessert die Seitenladegeschwindigkeit erheblich.
___
by Jeremy Knauff
Quelle: SEJ
