Die Seitenladegeschwindigkeit ist das Erste, was Sie bemerken, wenn Sie eine Website besuchen, aber Sie bemerken sie nur, wenn die Website zu langsam ist. Die Seitengeschwindigkeit ist ein wesentlicher Bestandteil der Nutzererfahrung, daher ist es kein Wunder, dass sie offiziell zu einem Rankingfaktor für mobile Suchanfragen geworden ist und dies für Desktop-Suchanfragen schon seit Langem ist.
Zahlreiche Studien zum Zusammenhang zwischen Seitenladegeschwindigkeit und Absprungraten sind zu alarmierenden Ergebnissen gekommen: Jede Millisekunde zählt. Mit unserer neuen Website-Performance-Studie wollten wir den entmutigenden Statistiken einen positiven Aspekt hinzufügen und beweisen, dass es bei der Performance Ihrer Website noch viel Raum für Verbesserungen gibt.
Unsere Studie hilft Ihnen dabei, Ihren Arbeitsablauf bei der Optimierung der Website-Performance zu strukturieren. Wir zeigen Ihnen insbesondere, welches die auffälligsten Fehler sind und welche davon besondere Aufmerksamkeit erfordern, damit Sie die Prioritäten bei deren Behebung festlegen können.
Methodik
Für diese Studie haben wir 150.000 zufällige Websites (sowohl Desktop- als auch mobile Versionen) analysiert, um deren Performance zu bewerten. Zur Datenerhebung nutzten wir den neuen Performance-Bericht von Alien Road Site Audit, der praktische Statistiken zu den neun häufigsten Problemen liefert, die die Website-Performance beeinträchtigen.
Überraschende Ergebnisse
Überraschenderweise haben wir zum ersten Mal festgestellt, dass satte 82 % der analysierten Websites Probleme aufweisen, die ihre Performance erheblich beeinträchtigen. Damit gehören performancebezogene Probleme zu den häufigsten auf Websites.
Darüber hinaus wiesen 44 % der analysierten Websites mindestens ein kritisches Problem auf (gemäß unserer Klassifizierung der Schwere von Site Audit-Problemen).
Positiv ist, dass wir festgestellt haben, dass die Mehrheit der Websites mit Performance-Problemen diese durch einfache Seitenoptimierungstechniken und eine einfache Serverkonfiguration verbessern kann.
Wir werden uns nun die gefundenen Probleme genauer ansehen und einige bewährte Methoden zu deren Beseitigung vorschlagen.
Wir hoffen, dass diese Daten Ihnen helfen, Ihre Arbeit zu priorisieren und die Anzahl und Schwere der Probleme abzuschätzen, die auf Ihrer Website auftreten können.
Weiterleitungen bereinigen
Fangen wir mit etwas Einfachem an. Weiterleitungsketten und -schleifen sind klassische Probleme, die die Website-Performance beeinträchtigen. Wenn Sie die Geduld Ihrer Nutzer nicht mit Weiterleitungsketten und -schleifen auf die Probe stellen wollen, versuchen Sie, diese auf Ihrer Website zu vermeiden.
Darüber hinaus verwirren Weiterleitungsketten Bots; ihr Crawling-Budget ist begrenzt, und mit jeder Weiterleitung verliert Ihre Seite ein wenig von ihrem ursprünglichen Ranking. Unten finden Sie ein großartiges Video über Weiterleitungen von Matt Cutts, falls Sie mehr erfahren möchten.
Wenn eine Seite 3 oder mehr URLs oder eine Schleife enthält, wird sie von unserem Site Audit als problematisch markiert. Glücklicherweise trat dieses Problem laut unserer Studie bei nur 7 % der analysierten Websites auf.
Weiterleitungen von einer Seite zur anderen sind jedoch oft notwendig, wenn eine Website umbenannt oder neu gestaltet wird, auf HTTPS migriert wird, doppelte Seiten (z. B. „www“- und „non-www“-Versionen) reduziert werden und in vielen anderen Fällen.
Je größer und älter Ihre Website wird, desto schwieriger ist es, ihre Struktur sauber zu halten. Weiterleitungen neigen dazu, sich anzuhäufen und Ketten zu bilden; je mehr Links es gibt, desto länger dauert es, bis man zur Zielseite gelangt. Deshalb müssen Sie bei der Implementierung „notwendiger“ Weiterleitungen besonders vorsichtig sein.
Seitengröße reduzieren
Je schwerer die Seite ist und je mehr Ressourcen sie enthält, desto länger dauert das Laden. Es ist wichtig sicherzustellen, dass Ihre Seitengröße sowie die Gesamtgröße der JS- und CSS-Dateien (Übertragungsgröße) 2 MB nicht überschreiten.
In unserem Site Audit gilt alles über 2 MB als schwer und führt zu einer Fehlermeldung. Obwohl 2 MB ausreichen, damit eine Seite „ihr Leben in vollen Zügen genießen“ kann, hatten 1 % der analysierten Websites immer noch dieses Problem. Wenn Sie sich unter den 1 % wiederfinden, empfehlen wir Ihnen, Ihre Seite auf Diät zu setzen und ihre Größe zumindest unter 2 MB zu halten.
Bilder und Videos machen den größten Teil des Gewichts einer Seite aus, daher sollte dies Ihr Ausgangspunkt sein. Das Ändern des Formats, der Auflösung oder der Qualität Ihrer visuellen Inhalte kann die Seite erheblich verkleinern. Fragen Sie sich zunächst, ob diese visuellen Elemente einen echten Mehrwert bieten, und denken Sie daran, dass weniger manchmal mehr ist.
Unsere Studie ergab, dass 68 % der Websites nicht minifizierte JavaScript– und CSS-Dateien aufweisen. Durch die Minifizierung Ihrer JavaScript- und CSS-Dateien (Entfernen unnötiger Zeilen, Leerzeichen und Kommentare aus dem Quellcode) reduzieren Sie die Größe Ihrer Ressourcen und damit deren Ladezeit, was zu einer besseren Nutzererfahrung führt und Ihr Suchmaschinen-Ranking verbessert.
Die Minifizierung von JavaScript-Code kann mit zwei beliebten Tools durchgeführt werden – JSMin und YUI Compressor. Der YUI Compressor kann auch CSS minifizieren. Closure Compiler ist ein weiteres praktisches Tool, das Ihr JavaScript analysiert, toten Code entfernt und den Rest umschreibt und minimiert. Obfuskation ist eine weitere Methode zur Größenreduzierung, die etwas effektiver als die Minifizierung ist, obwohl sie etwas riskanter ist, da bei der Obfuskation selbst Fehler entstehen können.
Vergessen Sie neben der Minifizierung von Skripten und Styles nicht, HTML, CSS und Javascript mithilfe von Schemata wie gzip oder deflate zu komprimieren. Dadurch wird ihre Größe um die Hälfte oder mehr reduziert.
Laut den Berichten „State of JavaScript“ und „Page Weight“, die Statistiken zur Verwendung von JavaScript und CSS im Web sowohl für mobile als auch für Desktop-Erlebnisse liefern, enthält eine durchschnittliche Webseite 25 Ressourcenanfragen (20 JS-Anfragen bzw. 5 CSS-Anfragen).
Unser Site Audit-Tool markiert eine Seite nur dann als „Zu viele JavaScript- und CSS-Dateien“, wenn sie mehr als 100 Ressourcen enthält, und das ist eine ganze Menge. Dennoch stellte sich heraus, dass 1 % der analysierten Websites zu viele JavaScript- und CSS-Dateien hatten! Achten Sie darauf, Ihre Seite nicht mit JavaScript- und CSS-Dateien zu überladen. Im Allgemeinen gilt: Je weniger Anfragen Sie erhalten, desto besser. Wenn Sie diese Zahl unter 100 halten, sind Sie auf der sicheren Seite. Erwägen Sie außerdem, mehrere CSS- und JS-Dateien in einzelnen Dateien zusammenzuführen, um den Ladevorgang zu beschleunigen.
Viele nützliche Informationen zur Komprimierung Ihrer Website finden Sie in den folgenden Ressourcen:
Server-Performance steigern
Einer der Gründe für eine langsame Seitenladegeschwindigkeit ist offensichtlich eine große HTML-Seitengröße. Wie wir jedoch im vorherigen Kapitel herausgefunden haben, hatten nur 1 % der analysierten Websites eine große HTML-Seitengröße. Woher kommen also die anderen 42 % der Probleme mit der langsamen Seitenladegeschwindigkeit? Sehr oft liegt dies an Serverproblemen.
Wenn der Webserver nicht effizient arbeitet, lädt auch die Webseite, auf die Sie zugreifen möchten, langsam. Sie müssen Ihren Hosting-Service und das bereitgestellte Paket überprüfen; wenn es unzureichend ist, wechseln Sie den Anbieter oder ziehen Sie einen dedizierten Server in Betracht. Erfahren Sie hier mehr über die Faktoren, die zu einem schnellen Hosting-Paket beitragen.
Dasselbe gilt für mobile Websites. Tatsächlich ist der Seitengeschwindigkeitsfaktor bei mobilen Websites noch kritischer, da sie oft von Leuten unterwegs genutzt werden. Dieser Rechner von Think with Google hilft Ihnen abzuschätzen, wie sich eine Verbesserung Ihrer Seitengeschwindigkeit auf Ihren Umsatz auswirken könnte.
Es gibt weitere Faktoren, die die Antwortzeit Ihres Servers verlangsamen können, wie z. B. langsame Anwendungslogik, langsame Datenbankabfragen, langsames Routing, Frameworks, Bibliotheken, CPU-Ressourcenmangel oder Speichermangel. Nutzen Sie diese Empfehlungen von Google Developers, wie Sie mit diesen Problemen umgehen und die Serverantwortzeit verbessern können.
Wie unsere Studie zeigt, haben 25 % der analysierten Websites nicht zwischengespeicherte Javascript- und CSS-Dateien. Dieses Problem wird ausgelöst, wenn das Browser-Caching im Antwort-Header nicht angegeben ist. Einfach ausgedrückt: Wenn Sie das Browser-Caching nicht aktivieren, laden Nutzer bei jedem Besuch Ihrer Seite dieselben Dateien herunter.
Durch die Aktivierung des Browser-Cachings für JavaScript- und CSS-Dateien können Browser die Ressourcen Ihrer Seite speichern und wiederverwenden, ohne sie beim Aufrufen Ihrer Seite erneut herunterladen zu müssen. Auf diese Weise lädt der Browser weniger Daten herunter, was Ihre Seitenladezeit verkürzt.
Insgesamt könnte diese einfache Korrektur dazu führen, dass ein Viertel der untersuchten Websites deutlich besser funktioniert.
Mit der Fehlerbehebung beginnen
Es gibt viele Faktoren, die zur endgültigen Seitengeschwindigkeit beitragen, und sich manuell mit allen zu befassen, ist eine unerträgliche Aufgabe, aber Sie können sich jederzeit an spezialisierte Tools wenden.
Google PageSpeed Insights ist ein großartiger Anfang; es ist kostenlos, funktional und bietet Berichte sowohl für die mobile als auch für die Desktop-Version Ihrer Website. Ein zusätzlicher Vorteil ist, dass es sich auf die Probleme konzentriert, die Google selbst für wichtig hält.
Google verwendet die Daten der Chrome-Nutzererfahrung der Seite, um zu beurteilen, ob sie in Bezug auf die Ladegeschwindigkeit Schnell, Langsam oder Durchschnittlich ist. Leider bedeutet dies, dass Sie nur Informationen zu Websites erhalten können, die genügend Traffic von Chrome-Nutzern für die Analyse erhalten, und kleinere Websites erhalten möglicherweise das Ergebnis Nicht verfügbar.
Für langsame und durchschnittliche Ergebnisse erhalten Sie Optimierungsvorschläge, eine Liste bewährter Verfahren zur Beschleunigung der Seite. Diese Liste ist definitiv einen Blick wert, sollte aber mit Vorsicht genossen werden; das Streben nach der perfekten Punktzahl kann dazu führen, dass Sie Ihre Zeit verschwenden und eine schlechte Nutzererfahrung schaffen.
Für eine gründliche und flexible Website-Analyse, die weit über reine Performance-Probleme hinausgeht, empfehlen wir das Alien Road Site Audit-Tool:
Der Alien Road Site Audit Performance-Bericht liefert Ihnen statistische Grafiken, um ein allgemeines Gefühl für die technischen Probleme Ihrer Website zu bekommen; seine Tooltips erklären, worum es bei jedem Problem geht und wie Sie es beheben können.
Die Liste der Probleme ist nach Schweregrad in Fehler, Warnungen und Hinweise unterteilt; dies hilft Ihnen, die kritischsten Fehler zuerst zu sortieren.
Der Performance-Bericht ermöglicht es Ihnen auch, Ihr Google Analytics-Konto zu verbinden, um weitere Informationen zur Nutzererfahrung zu erhalten (Google Analytics Durchschnittliche interaktive Zeit der Seite):
Wie Sie sehen, ist die Beschleunigung Ihrer Website durch Optimierung und Konfiguration recht einfach. Testen Sie bestimmte Teile Ihrer Website, nutzen Sie thematische Berichte und befolgen Sie unsere Empfehlungen, um Ihre Ressourcen zu schonen und mit dem geringsten Aufwand die besten Ergebnisse zu erzielen. Außerdem können Sie Ihren Fortschritt jederzeit verfolgen, indem Sie Ihren Performance-Score oben im Bericht überwachen.
Bitte nutzen Sie den Kommentarbereich unten, um Ihre bewährten Verfahren zur Verbesserung Ihrer Website-Geschwindigkeit zu teilen. Teilen Sie auch gerne Links, die anderen Website-Besitzern bei der Behebung ihrer Website-Performance-Probleme helfen können – lassen Sie uns eine nützliche Bibliothek sammeln.
Was ist E-Marketing? – Definition, Arten & Beispiele
Preise für Digital-Marketing-Agenturen
Preise für Digital-Marketing-Agenturen Es gab noch nie eine größere Nachfrage nach Digital-Marketing-Dienstleistungen ..
Passende Leistung: Webdesign und -entwicklung