Speed ​​Kills: So prüfen und verbessern Sie die Geschwindigkeit und Leistung Ihrer Website

Sie haben also all diese SEO- und Conversion-Optimierung auf Ihrer WordPress-Site durchgeführt.

Sie erhalten Backlinks, Ihre Inhalte sind großartig, Ihre Seiten sind optimiert, Sie ziehen Bewertungen ein, Sie haben einen überzeugenden CTA und Sie haben viele genaue Brancheneinträge. Ihre Website ist wunderschön. Ein Kunstwerk, wirklich!

...aber die Nadel bewegt sich nicht. Wieso den? Die Erklärung ist vielleicht einfacher als Sie denken. Ihre Website ist wahrscheinlich langsam.

Eine schlechte Website-Geschwindigkeit ist eigentlich sehr verbreitet. Sogar das Team hier bei Vendasta hat dieses Problem am eigenen Leib erfahren. Wir kämpfen jetzt seit einiger Zeit mit unseren Problemen mit der Website-Geschwindigkeit, und wir haben Fortschritte gemacht ... aber dazu komme ich später.

Ich sehe dieses Problem ständig bei Vermarktern und Marketingagenturen. Wir sind diejenigen, die es "verstehen" und Best Practices wie die Optimierung der Seitengeschwindigkeit von Websites frühzeitig anwenden sollen. Das PageSpeed ​​Insights Tool von Google sagt jedoch etwas anderes über viele unserer großartigen, SEO-optimierten, inhaltsreichen Websites.

Wir alle müssen es besser machen.

Deshalb lesen Sie das jetzt gerade, also packen wir es an!

Inhaltsverzeichnis

Was ist Pagespeed?

So bestimmen Sie Ihre Seitengeschwindigkeit und Ihren Score

Warum ist die Seitengeschwindigkeit wichtig?

1. Geschwindigkeit tötet UX

2. Geschwindigkeit tötet SEO

3. Geschwindigkeit tötet Conversions

Wie können Sie Ihre Website schneller laden lassen? 8 Taktik

4 Site-Speed-Fallstudien

So führen Sie Ihre Audit- und Website-Geschwindigkeitsoptimierung durch

1. Holen Sie sich eine Baseline zu Diagrammergebnissen

2. Arbeiten Sie die 8 Schritte durch

3. Ziehen Sie bei Bedarf Hilfe hinzu

4. Bleiben Sie der Website-Geschwindigkeit verpflichtet

So nutzen Sie die Website-Geschwindigkeit, um den Umsatz zu steigern

Was ist Pagespeed?

Die Seitengeschwindigkeit ist die Zeit, die es dauert, bis der Inhalt einer Website vollständig geladen ist. In einer Welt, in der die Menschen sofortige Ergebnisse erwarten, ist schneller besser.

Laut Umfragen von Akamai und Gomez.com erwartet fast die Hälfte der Webnutzer, dass eine Website in 2 Sekunden oder weniger geladen wird, und sie neigen dazu, eine Website zu verlassen, die nicht innerhalb von 3 Sekunden geladen wird.

Verwandte Lektüre: 58 gruselige Statistiken für Websites

3 Sekunden sind also die Mindestgeschwindigkeit, die der durchschnittliche Besucher tolerieren würde. Ist die typische Website der Aufgabe gewachsen? Pingdom verwendete seine eigenen Kunden als Datenquelle und stellte fest, dass die Antwort für sie ein klares NEIN war.

Bei den Kunden von Pingdom betrug die durchschnittliche Ladezeit für Webseiten mit 3 MB 5 Sekunden. Viel zu langsam.

Die Standards, die viele für die Seitenladezeit verwendet haben, stammen aus einer Studie von Geoff Kenyon, in der er die Geschwindigkeit der Website mit dem Rest des Webs vergleicht:

• Wenn Ihre Website in 5 Sekunden geladen wird, ist sie schneller als ungefähr 25 % des Webs
• Wenn Ihre Website in 2,9 Sekunden geladen wird, ist sie schneller als ungefähr 50 % des Webs
• Wenn Ihre Website in 1,7 Sekunden geladen wird, ist sie schneller als ungefähr 75 % des Webs
• Wenn Ihre Website in 0,8 Sekunden geladen wird, ist sie schneller als etwa 94 % des Webs

Wie können Sie also feststellen, wie Ihre Website abschneidet?

So bestimmen Sie Ihre Seitengeschwindigkeit und Ihren Score

So können Sie messen, wie Ihre Website im Vergleich zu den oben besprochenen aktuellen Benutzererwartungen abschneidet:

1. Steigen Sie in die Google Analytics Site Speed-Berichte Ihrer Website ein. Dadurch erhalten Sie eine Vorstellung davon, wie sich Ihre Website über verschiedene Zeiträume entwickelt hat und wie schnell jede Ihrer Seiten geladen wird.
2. Geben Sie die URL Ihrer Website in das PageSpeed ​​Insights Tool von Google ein. Dadurch erhalten Sie einen Bericht über die Geschwindigkeitsleistung Ihrer Website auf Mobilgeräten und Desktops. Der Bericht enthält einige empfohlene Maßnahmen, die Sie ergreifen können, um die Geschwindigkeit Ihrer Website zu verbessern.
3. Überprüfen Sie den Website-Geschwindigkeitstest von Pingdom, um die Geschwindigkeit, den Rang und den Prozentsatz schneller als der Durchschnitt der von Pingdom getesteten Websites herauszufinden
4. GTMetrix bietet einen umfassenden Überblick über den Status der Geschwindigkeitsoptimierung Ihrer Website.

Hinweis: Verwirren Sie sich nicht, wenn Sie in Pingdom und Gtmetrix unterschiedliche Geschwindigkeitszeiten sehen. Da Pingdom Ihnen die Ladezeit anzeigt (Die Zeit, die benötigt wird, um das erste Ergebnis Ihrer Website anzuzeigen – das ist es, was Google zählt und Sie auch sollten) und GTmetrix Ihnen die volle Ladezeit anzeigt (Die Zeit, die benötigt wird, um eine vollständige Seite anzuzeigen, wenn sie voll ist Funktionalität läuft). Zum weiteren Verständnis ist es immer gut, den Geschwindigkeitswasserfall beider Tools zu sehen.

Als Teil Ihres Website-Geschwindigkeitsaudits (ich werde weiter unten ausführlicher darauf eingehen) verwenden Sie diese Tools, um Ihren Optimierungsfortschritt zu verfolgen.

Verwandte Lektüre: So beschleunigen Sie Ihre mobile WordPress-Site

Warum ist die Seitengeschwindigkeit wichtig?

Die Lücke zwischen den Erwartungen der Benutzer (2 Sekunden) und der durchschnittlichen Ladezeit einer Website (5 Sekunden) zu schließen, ist das Ziel der Seitengeschwindigkeitsoptimierung und der Taktiken, die wir später erläutern werden. Aber warum genau ist die Seitengeschwindigkeit wichtig? Es kommt auf 3 Hauptgründe an, die miteinander verbunden sind:

1. Geschwindigkeit tötet UX

Die Benutzererfahrung ist wahrscheinlich der wichtigste Grund, warum Sie sich um die Geschwindigkeit der Website kümmern sollten, also fangen wir hier an.

Die Leute haben nicht mehr die Geduld für langsam ladende Websites. Am Anfang erforderte nur die Verbindung zum Internet eine Toleranz, die es einfach nicht mehr gibt.

Bist du alt genug, um dich an diesen süßen Klang zu erinnern?

Heutzutage sind die Leute ständig online und Sie haben maximal 3 Sekunden Zeit, um Ihre Seite anzuzeigen, oder sie sind weg. Mehr als 3 Sekunden führen zu einer schlechten Benutzererfahrung und die Messlatte wird in Zukunft nur noch höher werden.

In seinem Vortrag über die „10 goldenen Prinzipien erfolgreicher Web-Apps“ stellt der Unternehmer und Blogger Fred Wilson fest, dass

„Geschwindigkeit ist das wichtigste Merkmal. Wenn Ihre Anwendung langsam ist, werden die Leute sie nicht verwenden. Ich sehe das eher bei Mainstream-Benutzern als bei Power-Usern. Ich denke, Power-User haben manchmal ein wenig Sympathie für die Herausforderungen beim Erstellen wirklich schneller Web-Apps, und vielleicht sind sie bereit, damit zu leben, aber wenn ich mir meine Frau und meine Kinder anschaue, sind sie meine Mainstream-Ansicht die Welt. Wenn etwas langsam ist, sind sie einfach weg.“

Der einfachste Weg, darüber nachzudenken, ist, wie Sie auf Websites navigieren und welche Erwartungen Sie an die meisten Websites haben. Sitzen Sie da und tolerieren langsame Ladezeiten? Wie ist Ihr Eindruck von einer Website, die ewig zum Laden braucht?

Verwandte Lektüre: Noob-freundlicher 10-Schritte-Leitfaden zum Erstellen von Websites für kleine Unternehmen

2. Geschwindigkeit tötet SEO

Die Benutzererfahrung ist eigentlich die treibende Kraft hinter den SEO-Implikationen der Website-Geschwindigkeit.

Edwin Toonen von Yoast erklärt ,

„Neueste Untersuchungen von Google zeigen, dass die Wahrscheinlichkeit eines Absprungs um 32 % steigt, wenn die Ladezeit der Seite von 1 Sekunde auf 3 Sekunden steigt. 1s bis 5s erhöht die Chance auf 90% und wenn Ihre Website bis zu 10s zum Laden benötigt, steigt die Chance auf einen Bounce auf 123%. Das ist unglaublich. Für Suchmaschinen sind bessere Ergebnisse und Leistung ein Zeichen für eine gesunde Website, die den Kunden gefällt und daher mit einem höheren Ranking belohnt werden sollte.“

Während Google nur langsam offiziell bekannt gab, ob langsame Websites eine Herabstufung des Rankings erhalten würden, scheint es, dass diese Tage kommen werden. Sie müssen sicherstellen, dass Ihre Website und die von Ihnen verwalteten Websites bereit sind.

3. Geschwindigkeit tötet Conversions

Die Auswirkungen Ihrer Website-Geschwindigkeit auf die Conversions sollten Ihre Aufmerksamkeit erregen. Wie können Sie Menschen durch Ihren Trichter führen, wenn jeder Schritt ewig dauert? Ihre Super-Fans werden es tun, aber diese neuen, zögerlichen Leute, die zu Käuferreue neigen, werden abprallen.

Beispielsweise hat SOASTA vor Kurzem eine Studie über einen seiner mPulse-Kunden durchgeführt, einen führenden Online-Händler, der eine beträchtliche Menge (4,5 Millionen Sitzungen) an mobilem Datenverkehr verzeichnet.

Hier waren ihre wichtigsten Erkenntnisse:

1. In Bezug auf die Conversions lag der Performance-Sweetspot bei 2,4 Sekunden
2. Seiten, die nur eine Sekunde schneller waren, verzeichneten eine Steigerung der Conversion-Rate um 27 %
3. Bei 4,2 Sekunden fiel die durchschnittliche Conversion-Rate unter 1 %
4. Bei der 6-Sekunden-Marke beginnt die mobile Conversion-Rate zu sinken

Bildquelle : SOASTA

Die Implikationen sind ziemlich klar. Langsame Seitenladezeiten beeinträchtigen die Conversion-Rate. Eine Sherlock-artige deduktive Argumentation würde also darauf hindeuten, dass die Konzentration auf die Erhöhung der Website-Geschwindigkeit die Konversionsrate erhöhen sollte!

Mal sehen, ob wir das hinkriegen.

Wie können Sie Ihre Website schneller laden lassen? 8 Taktik

Die Beschleunigung Ihrer Website ist nicht unbedingt ein Kinderspiel. Wenn Sie eine kleine, leichte Website haben, müssen Sie vielleicht nur ein paar Taktiken auf dieser Liste ausprobieren.

Große, ältere Websites mit viel Code und Inhalt erfordern jedoch möglicherweise etwas Beharrlichkeit und die Implementierung mehrerer Taktiken aus der folgenden Liste.

Hier ist, wo Sie anfangen sollen:

1. Browser-Caching nutzen:

Wenn Sie Websites besuchen, speichert Ihr Browser häufig Seiten auf der Website im Cache, um die Ladezeit zu verkürzen.

Beim Browser-Caching werden Webseiten-Ressourcendateien auf einem lokalen Computer gespeichert, wenn ein Benutzer eine Webseite besucht. Die Nutzung des Browser-Caching bedeutet also, dass Sie den Browsern mitteilen, wie mit ihren Ressourcen umgegangen werden soll.

Die Dinge können sich verlangsamen, wenn die Antwort von Ihrem Server keine Caching-Header enthält oder wenn angegeben ist, dass Ressourcen nur für kurze Zeit zwischengespeichert werden.

Durch die Nutzung von Caching werden Ihre Seiten für wiederkehrende Besucher viel schneller geladen, ebenso wie andere Seiten, die dieselben Ressourcen nutzen.

Hinweis: SEO Content Strategist Maddy Osman merkt an, dass „W3 Total Cache großartig dafür ist, aber von bestimmten Hosts (wie GoDaddy) gesperrt ist. Für die Konfiguration ist eine fachkundige Hand erforderlich, damit Ihre Website nicht beschädigt wird.“

Hier ist, wie es geht

2. Bilder optimieren:

Wenn Bilder schneller geladen werden, lädt Ihre Website schneller, Punkt. Google stellt fest, dass „...Bilder oft die meisten heruntergeladenen Bytes auf einer Seite ausmachen. Infolgedessen kann die Optimierung von Bildern oft zu einigen der größten Byte-Einsparungen und Leistungsverbesserungen führen.“

Das bedeutet, dass Sie einige große Verbesserungen erzielen können, wenn die Bilder auf Ihren Seiten optimiert werden können, um ihre Dateigröße zu reduzieren, ohne ihre visuelle Qualität erheblich zu beeinträchtigen.

Hier ist, wie es geht

3. Minimieren Sie HTML, CSS und JavaScript:

Beim Minimieren werden alle unnötigen Zeichen entfernt, die für die Ausführung des Codes nicht erforderlich sind.

Zu den Quellen redundanter Daten, die Sie entfernen können, gehören Codekommentare und -formatierungen, das Entfernen von nicht verwendetem Code, die Verwendung kürzerer Variablen- und Funktionsnamen und mehr.

Hier ist, wie es geht

4. Aktivieren Sie die gzip-Komprimierung:

Die Gzip-Komprimierung reduziert die Größe der Dateien, die von Ihrem Server gesendet werden, wenn jemand Ihre Website besucht, drastisch. Dies wird die Dinge erheblich beschleunigen.

Laut GTMetrix,

„Der Grund, warum gzip in einer Webumgebung so gut funktioniert, liegt darin, dass CSS-Dateien und HTML-Dateien viel wiederholten Text verwenden und jede Menge Leerzeichen enthalten. Da gzip gängige Strings komprimiert, kann dies die Größe von Seiten und Stylesheets um bis zu 70 % reduzieren!“

Hier ist, wie es geht

5. Reduzieren Sie die Antwortzeit des Servers:

Die Serverantwortzeit ist die Zeit, die ein Webserver benötigt, um auf eine Anfrage von einem Browser zu antworten. Dies ist ein wichtiges Problem, das Sie angehen müssen, denn wenn Ihre Server-Antwortzeit langsam ist, werden Ihre Seiten langsam angezeigt, unabhängig davon, wie Ihre Seiten auf Geschwindigkeit optimiert sind.

Google sagt, Sie sollten Ihre Serverantwortzeit unter 200 ms reduzieren. Also, wie machst du das möglich?

Hier ist, wie es geht

6. Landingpage-Weiterleitungen vermeiden:

Ihre Website kann wirklich langsam werden, wenn Sie mehr als eine Weiterleitung von der angegebenen URL zur endgültigen Zielseite haben. Dadurch wird eine Umleitungsschleife ausgelöst, deren Verarbeitung einige Zeit in Anspruch nimmt.

Hier sind einige Beispiele für Weiterleitungen, die die Dinge verlangsamen können:

example.com → m.example.com/home – Multi-Roundtrip-Strafe für mobile Benutzer.
example.com → www.example.com → m.example.com – sehr langsame mobile Erfahrung.

Hier ist, wie es geht

7. Priorisieren Sie sichtbare Inhalte:

Genau diese Meldung erhalten Sie vom PageSpeed-Tool von Google, wenn zusätzliche Netzwerk-Roundtrips erforderlich sind, um den Inhalt der Seite "above the fold" zu rendern.

Dieser „above the fold“-Inhalt ist das, was Sie auf einem Desktop oder Gerät sehen, wenn Sie eine Seite besuchen. Die Priorisierung sichtbarer Inhalte ist also die Empfehlung, dass Sie Dinge priorisieren, damit wesentliche Elemente auf Ihrer Seite zuerst (und schnell) für Benutzer geladen werden und dass Sie sekundäre Seitenelemente wie Social-Sharing-Plugins, Analytics-Javascript usw. zurückstellen.

Hier ist, wie es geht

8. Beseitigen Sie JavaScript und CSS, die das Rendering blockieren, in Inhalten "above the fold":

JavaScript- und CSS-Ressourcen verhindern oft, dass Ihre Seite angezeigt wird, bis sie vollständig geladen sind. Dies ist oft eine gute Idee, da die vorzeitige Anzeige Ihres Inhalts "above the fold" ziemlich grotesk aussehen kann.

Dies ist jedoch eine häufige Nachricht, die Sie von Google über die Website-Geschwindigkeit erhalten, und wenn Sie darauf eingehen, kann Ihre Seite wirklich ein paar Stufen schneller werden.

Hier ist, wie es geht

Hinweis: Dies ist für die meisten Menschen am schwierigsten zu beheben. Es gibt WordPress-Plugins, die es einfach tun, aber sie können Ihre Website bei jedem Laden wie Frankenstein aussehen lassen.

Fallstudie: Beschleunigung des Blogs von Vendasta

Also schreibe ich diesen Beitrag über die Website-Geschwindigkeit, obwohl Vendasta bei 44/100 für die mobile Geschwindigkeit sitzt (Update: Wir sind bei 77/100 drei Monate später!) und 60/100 für die Desktop-Geschwindigkeit.

Vertrauen Sie mir, ich bin mir bewusst, dass es hier möglicherweise eine Frage zum Straßenkredit gibt. Unsere Geschichte hat jedoch mehr zu bieten, als Ihnen das Insights-Tool von Google verraten wird.

Bei Vendasta haben wir viel Arbeit in die Geschwindigkeit unserer Website gesteckt, aber wir sind eindeutig noch nicht da, wo wir sein wollen. Wir haben tatsächlich viele Verbesserungen vorgenommen, aber wir haben eine große Website mit einer Unmenge an Inhalten, sodass wir unser Ziel von 80/100 sowohl für Mobilgeräte als auch für Desktops noch nicht erreicht haben.

Wir sind jedoch nicht die Einzigen, die mit der Seitengeschwindigkeit zu kämpfen haben! Viele hochkarätige Websites stehen vor denselben Herausforderungen wie wir. Tatsächlich hat auch HubSpot laut Googles PageSpeed ​​Insights-Tool noch einiges zu tun, um die Leistung seiner Website zu verbessern:

Dies ist kein „Schüsse abgefeuert“-Callout von HubSpot (Respekt!), ich verwende sie nur als Beispiel, um zu veranschaulichen, dass die Verbesserung der Website-Geschwindigkeit eine Herausforderung sein kann, selbst für die Profis, und dass wir uns alle verbessern müssen erfüllen die Anforderungen der nächsten Generation von Internetnutzern. Führen Sie einige Ihrer Lieblingsseiten durch das Tool und Sie werden sehen, was ich meine!

Wie ich oben erwähnt habe, kann jede Verbesserung, die wir vornehmen, um Dinge zu beschleunigen, exponentielle Ergebnisse haben.

Vendasta-Marketingtechnologe Adam Bissonnette bemerkt:

„Die große Veränderung für uns waren serverseitige Dinge – wir sind in einer einzigartigen Position, unsere WordPress-Website in AppEngine zu betreiben (niemand tut das) und die großen Leistungssteigerungen waren der Wechsel von AppEngine Standard zu AppEngine Flex, die sich in der Beta-Phase befand. Wir haben uns auch verändert unsere PHP-Version von 5 auf 7, was ebenfalls sehr hilfreich war.Das Aktualisieren von PHP brachte eine Reihe von Problemen mit sich, bei denen bestimmte Plugins nicht mehr funktionierten und wir uns ein oder zwei Monate lang mit diesem Fallout auseinandersetzen mussten, aber die Geschwindigkeit war wertvoller als die verlorene Funktionalität ."

Was Sie daraus mitnehmen können, ist, dass es entscheidend ist, die beste Lösung für Ihre spezifische Situation zu finden. Sie werden vielleicht auf Taktiken stoßen, die die Nadel für Ihre Website bewegen und die wir hier noch nicht einmal erwähnt haben!

Werfen Sie einen Blick auf das Wachstum unseres Blogs nach dem Beginn unserer Website-Geschwindigkeitsbemühungen im Mai 2016:

Diese Verbesserungen bildeten die Grundlage für alle folgenden Content-Initiativen von Vendasta. Seitdem haben wir uns darauf konzentriert, ein hohes Volumen an detaillierten, qualitativ hochwertigen Inhalten zu produzieren. Ohne unsere übereinstimmenden Verbesserungen der Website-Geschwindigkeit ist es unwahrscheinlich, dass Sie die Traffic-Spitze sehen, die der Analytics-Screenshot anzeigt.

Die Leistung wird sich nur verbessern, wenn wir die Geschwindigkeit unserer Website weiter optimieren und unsere Benutzererfahrung verbessern!

SCHLUSSELERKENNTNISSE: Sie müssen nicht 100/100 Punkte erzielen, um Wachstum auf Ihrer Website zu erleben.

Wenn Sie bei 40/100 sind, nehmen Sie ein paar Verbesserungen vor, wenn es die Zeit erlaubt, und schießen Sie auf 60/100. Brennen Sie sich nicht sofort aus, wenn Sie für 100/100 schießen!

Fallstudie: iHeartRaves

iHeartRaves ist ein weltweit führender Anbieter von Festivalmode, dessen Mission es ist, die individuelle Kreativität zu inspirieren und den Selbstausdruck zu stärken. Zusammen mit ihren beiden anderen Schwestermarken bringen ihre Shopify-Geschäfte jährlich 20 Millionen US-Dollar ein und sie wurden vier Jahre in Folge in den Inc. 5000 aufgeführt.

Als E-Commerce-Website ist sich iHeartRaves der finanziellen Auswirkungen einer schlechten Geschwindigkeit und Leistung einer Website bewusst.

Brandon Chopp, Digital Marketing Strategist bei iHeartRaves, sagte mir:

„Als E-Commerce-Marke haben wir festgestellt, dass die Website-Geschwindigkeit enorm ist! Wenn ich an Conversions denke, denke ich an die besten Möglichkeiten, einen Benutzer durch einen Call-to-Action dazu zu bringen, auf etwas zu klicken. Die Wahrheit ist, dass schnellere Websites immer gewinnen werden. Je schneller Ihre Website ist, desto wahrscheinlicher ist es, dass Benutzer konvertieren.“

Brandon wusste, dass er die Website-Geschwindigkeit verbessern musste, um dem Unternehmen zu helfen, seine Umsatzwachstumsziele zu erreichen. Er ging die Geschwindigkeitsverbesserungen von iHeartRaves mit den folgenden Taktiken an:

1. Bilder optimieren: Um sicherzustellen, dass unsere mobile Website schnell geladen wird, verwenden wir eine Shopify-App namens Crush.pics. Dadurch wird sichergestellt, dass alle unsere Bilder für die Geschwindigkeit der Website optimiert sind, während die Bildqualität erhalten bleibt.
2. Code minimieren: Wir haben auch Schritte unternommen, um unseren gesamten flüssigen Code zu minimieren und die Reihenfolge beim Laden von Skripts zu priorisieren, während wir die Gesamtzahl der aufgerufenen Skripts verringern.
3. On-Page-Assets bereinigen: Das Entfernen unnötiger Assets auf einigen Seiten und das Reduzieren von Bild-Assets auf anderen trug ebenfalls dazu bei, die Ladezeit der Website zu verkürzen. Wir versuchen, ein Gleichgewicht zwischen Geschwindigkeit und Inhalt herzustellen, da wir eine E-Commerce-Website sind. Es ist uns sehr wichtig sicherzustellen, dass unsere Bildqualität unseren Standards entspricht und gleichzeitig eine großartige Benutzererfahrung für unsere Kunden aufrechtzuerhalten.

Die Ergebnisse für die Seitenladegeschwindigkeit und die Absprungrate haben sich mit diesen Updates wirklich verbessert: „Seit wir Änderungen vorgenommen haben, ist die Geschwindigkeit unserer Website Jahr für Jahr von 10,25 auf 6,86 Sekunden gesunken (ein Rückgang um 65 %), und unsere Absprungrate ist um 6 % zurückgegangen“, erklärt Brandon . „Er lag ursprünglich bei 40,34 % und ist jetzt auf 34 % gesunken.“

Diese Verbesserungen haben sich auch in greifbare finanzielle Ergebnisse für iHeartRaves niedergeschlagen. „Wir haben bei Google von einer schnellen mobilen Website profitiert, da unsere Konversionsrate von Jahr zu Jahr gestiegen ist, was zum großen Teil darauf zurückzuführen ist, dass unsere Website schneller geworden ist. Indem wir das Benutzererlebnis der Kunden in den Vordergrund stellen, konnten wir unsere Kunden binden und das Einkaufserlebnis rundum vereinfachen.“

SCHLUSSELERKENNTNISSE: Es ist wichtig, sich daran zu erinnern, dass Geschwindigkeit und Benutzererfahrung Hand in Hand gehen.

Kombiniert können die beiden zu Verbesserungen in der einen Metrik führen, die sie alle beherrscht: Conversions!

Fallstudie: Jubaers Verbesserung um 6 Sekunden und 40 Punkte

Der SEO-Spezialist von Vendasta, Jubaer Prodhan, teilte einen Fall mit, in dem er das Pagespeed Insight Tool von Google für seine eigene Website mit einigen netten Ergebnissen verfolgte.

Jubaer merkt an: „In meinem Fall habe ich eine WordPress-Website mit einer Ladezeit von mehr als 8 Sekunden und einem GPI-Wert (Google PageSpeed ​​Insight) von 43. Ich habe die folgenden Dinge getan, um die Geschwindigkeit der Website zu verbessern.“

1. Bildoptimierung: Wenn es richtig gemacht wird, kann es die Seitengröße und -geschwindigkeit drastisch reduzieren. In meinem Fall ging die Seitengröße von 3 MB auf 1,6 MB zurück. Verwendetes Plugin: ShortPixel Image Optimizer (Mit diesem Tool können Sie auch Bilder optimieren)
2. Code-Minifizierung: Oft verwenden wir mehrere WordPress-Plugins für unsere verschiedenen Bedürfnisse. Was uns nicht bewusst ist, dass die meisten von ihnen zusätzliches CSS/HTML/Javascript zu Ihrer Website hinzufügen. Das erhöht die Ladezeit und die Browseranfrage. Das Minimieren (Entfernen zusätzlicher Zeilen und Codes) ist eine einfache Lösung dafür. Verwendetes Plugin: Autoptimize
3. Browser-Cache: Die Verwendung des Browser-Cache wird von den meisten wichtigen Tools empfohlen. Und es reduziert Bandbreite, Ladezeit für wiederkehrende Besucher und viele andere nützliche Dinge. Verwendetes Plugin: WP Fastest Cache

Die Website von Jubaer lädt jetzt in 1,9 Sekunden und der GPI-Wert beträgt 83! Das ist eine ziemliche Verbesserung von 8 Sekunden und einem GPI-Wert von 43.

Key Takeaway: Kleinere Websites können mit nur wenigen wichtigen Änderungen deutliche Geschwindigkeitsverbesserungen feststellen.

Versuchen Sie, die Liste von Jubaer durchzuarbeiten, um die Dinge zu beginnen, und sehen Sie, welche Ergebnisse Sie erhalten, bevor Sie mit der nächsten Taktik fortfahren.

Verwandte Lektüre: Die 7 WordPress-SEO-Plugins: Ihr neuer lokaler Stack

Fallstudie: Wie ein Unternehmen 100/100 im PageSpeed-Tool von Google erzielte

Wenn Sie diese 100/100 erreichen, ist dies ein Hinweis darauf, dass Ihre Website so schnell wie möglich optimiert ist. Es ist das ultimative Ziel, und ein Unternehmen, mit dem ich gesprochen habe, hat ein paar Insider-Taktiken erklärt, die ihnen geholfen haben, dorthin zu gelangen.

Bret Bonnet, Miteigentümer/Gründer von Quality Logo Products, einem 40-Millionen-Dollar-Vertriebsunternehmen für Werbeartikel mit Sitz in Chicago, IL. erklärt,

„Die Seitengeschwindigkeit ist ein wichtiger Schwerpunkt für unser Unternehmen. Auch wenn es sehr gering ist, ist es immer noch ein Ranking-Signal. Studien haben gezeigt, dass die Seitengeschwindigkeit einen dramatischen Einfluss auf die Konversionsleistung haben kann. Der effektivste Weg, die Ladezeit Ihrer Website zu verbessern, besteht darin, mit dem Laden von Assets zu arbeiten, sodass der „above the fold“-Inhalt vollständig angezeigt wird, bevor das CSS/JS geladen wird. Wenn das Laden von „above the fold“-Inhalten NICHT optimiert wird, kann dies zu einem Abzug von 10 Punkten bei der Gesamtpunktzahl von Google Page Speed ​​Insights führen.“

[clickToTweet tweet="Das Laden von Inhalten "above the fold" NICHT zu optimieren, kann zu einem Abzug von 10 Punkten bei der Gesamtpunktzahl von Google #PageSpeed ​​Insights führen." quote="Das Laden von Inhalten "above the fold" NICHT zu optimieren, kann zu einem Abzug von 10 Punkten bei der Gesamtpunktzahl von Google #PageSpeed ​​Insights führen."]

Dieser 10-Punkte-Abzug zeigt, für wie wichtig Google die Optimierung von „above the fold“-Inhalten hält. Erschreckend und paradox ist, was Bret als nächstes erklärt:

„Zusätzlich zum Asset Management kann KEINE Website, die gängige Tracking-Codes wie Google AdWords oder Google Analytics in ihrem Quellcode enthält, eine perfekte Punktzahl erzielen. Diese JS-Dateien werden direkt von Google bereitgestellt – aus welchen Gründen auch immer, Google folgt nicht seinen eigenen Qualitätsrichtlinien – und werden unkomprimiert an den Browser übertragen. Diese schlechte Optimierung – die wiederum außerhalb Ihrer Kontrolle liegt – liegt vollständig auf der Seite von Google und kann Sie bis zu 5 Punkte kosten.“

Quality Logo Products konnte die Dinge beschleunigen und diese 100/100 mit der folgenden Taktik erreichen:

„Um dies zu umgehen, haben wir die IPs, von denen Google crawlt, und die Quell-IPs für diese Tools protokolliert und unsere Server absichtlich Google-Versionen unserer Seiten ohne installierten Tracking-Code bereitstellen lassen. Es ist irgendwie seltsam, aber Google schadet unserem eigenen Google Page Speed ​​Insight Score. Um dies zu umgehen, stellen wir Google absichtlich keinen eigenen, nicht optimierten Code zur Verfügung, was zu einer durchschnittlichen Verbesserung unserer Seitengeschwindigkeit um 5 Punkte führt.“

Key Takeaway: Eine 100/100-Punktzahl ist erreichbar!

Es ist verwirrend, dass Googles eigene Produkte die Dinge so stark verlangsamen, aber die Problemumgehung in dieser Fallstudie sollte helfen.

So führen Sie Ihre Audit- und Website-Geschwindigkeitsoptimierung durch

1. Holen Sie sich eine Baseline zu Diagrammergebnissen

Der erste Schritt Ihres Audit- und Optimierungsprozesses sollte darin bestehen, sich einen grundlegenden Überblick darüber zu verschaffen, wo Ihre Website derzeit in Bezug auf einige Metriken steht.

Wenn Sie Ihren Ausgangspunkt aufzeichnen, können Sie den Erfolg Ihrer Optimierungsbemühungen besser nachverfolgen. Jedes Mal, wenn Sie Ihre Website in irgendeiner Weise auf Geschwindigkeit optimieren, stellen Sie sicher, dass Sie Ihre Fortschritte anhand derselben Metriken aufzeichnen.

Hier sind ein paar Dinge, die Sie verfolgen sollten:

1. Ladezeit der Website: Gehen Sie zu Ihrem Google Analytics-Bericht zu Menü → Verhalten → Website-Geschwindigkeit → Übersicht (und Seiten-Timings, um einzelne Seiten anzuzeigen). Zeichnen Sie die durchschnittliche Ladezeit der Website-Seite und alle wichtigen Seiten auf, die Sie verfolgen möchten. Sie können auch die oben genannten Tools Pingdom und GTMetrix verwenden.
2. Die Google PageSpeed-Ergebnisse Ihrer Website: Klicken Sie einfach hier und geben Sie die URL Ihrer Website ein und überprüfen Sie Ihre mobilen und Desktop-Ergebnisse. Zeichnen Sie diese auf.
3. Absprungrate: Sehen Sie, ob sich Ihre Absprungrate verbessert, was darauf hindeuten würde, dass weniger Personen die Website verlassen, nachdem sie nur eine Seite angesehen haben. Sie können dies an verschiedenen Stellen einsehen, z. B. unter Verhalten → Übersicht.
4. Konversionsrate: Konvertieren Besucher nach Ihren Verbesserungen mit einer höheren Rate? Dies ist wichtig zu verfolgen! Gehen Sie zu Conversions → Ziele → Übersicht, um Ihre aktuelle Conversion-Rate anzuzeigen und aufzuzeichnen.

Dokumentieren Sie Ihren Fortschritt in einer Tabelle und stellen Sie sicher, dass Sie Änderungen an der Website in Google Analytics notieren, indem Sie für jede Aktualisierung Anmerkungen erstellen.

2. Arbeiten Sie die 8 Schritte durch

Der beste Ausgangspunkt für Ihre Prüfung sind die Vorschläge, die das PageSpeed ​​Insights-Tool von Google bietet. Wenn Sie noch nicht bei 100/100 sind, sehen Sie einige Tipps von Google, wo Sie anfangen sollen.

Das Durcharbeiten der 8 Schritte zur Verbesserung der Website-Geschwindigkeit, die wir hervorgehoben haben, wird einige Zeit und Ausdauer erfordern, wie ich bereits erwähnt habe.

Meike Hendriks, SEO-Expertin bei Yoast, stellt fest,

„Es muss nicht schwer sein, Ihre Website zu beschleunigen. Viele Websites haben zu große Bilder, die leicht optimiert werden können. Außerdem sollten Websites mit Besuchern aus der ganzen Welt auf jeden Fall ein CDN verwenden, um sicherzustellen, dass Bilder als bereitgestellt werden so schnell wie möglich für alle! Das Hinzufügen einiger Codezeilen zur .htaccess-Datei kann Ihre Website ganz einfach beschleunigen. Beispielsweise könnten Sie Browser-Caching und gzip-Komprimierung für kleinere Dateien aktivieren, die viel schneller auf den Computern Ihrer Besucher geladen werden können."

Sie müssen einige realistische Ziele und Erwartungen setzen. Wenn Sie große, facettenreiche Websites mit vielen (großartigen!) Inhalten haben, wie wir bei Vendasta und Hubspot, wird es länger dauern, die gleichen Ziele einer kleinen, flinken Website mit wenigen Seiten zu erreichen.

3. Ziehen Sie bei Bedarf Hilfe hinzu

Hey, wir sind nicht alle Entwickler und Designer. Wenn Ihre DIY-Entwicklungsbemühungen Ihre Website kaputt machen oder in Therapiesitzungen auftauchen, möchten Sie vielleicht Expertenhilfe hinzuziehen.

Wir alle kennen und beneiden technische Zauberer. Lassen Sie sie das für Sie tun!

Pius Boachie von Digitimatic sagte mir, dass ein Full-Stack-Entwickler der Schlüssel zur Hilfe bei Problemen mit der Website-Geschwindigkeit ist:

„Wenn es darum geht, das Google Page Speed ​​Insights-Tool zu schlagen, leistet der Entwickler die schwere Arbeit, indem er den Code sauber hält und den Inhalt „above the fold“ priorisiert. Aus Erfahrung entwerfen wir beim Design für Kunden Geschwindigkeit, also wählen wir einen Website-Builder wie Duda (schnelle Produkte) oder bauen Sie auf einem CMS oder Scratch (teuer), investieren Sie ein gutes CDN und Hosting (sehr wichtig) neben einem erfahrenen Full-Stack-Entwickler."

Sie haben Ihre Basismetriken bereits eingerichtet, sodass Sie Ihren Fortschritt und Erfolg in Zukunft leicht verfolgen können. Wenn Sie an mehreren Standorten für Kunden arbeiten, möchten Sie in der Lage sein, Ihren Erfolg zu wiederholen und alles zu stoppen, was nicht funktioniert.

Empfohlene Lektüre: Keine Entwickler erforderlich: Warum Sie einen White-Label-Website-Builder benötigen

4. Bleiben Sie der Website-Geschwindigkeit verpflichtet

Sie können wahrscheinlich einige niedrig hängende Früchte wie Bildoptimierung, Code-Minifizierung und Browser-Caching ausschalten und sofort einige schöne Ergebnisse sehen. Um Ihre Ziele zu erreichen, kann es jedoch eine nachhaltigere Anstrengung erfordern, die 8 Taktiken, die ich hervorgehoben habe, zu durchbrechen.

Versuchen Sie nicht, alles auf einmal zu tun! Um einem Burnout vorzubeugen, machen Sie einen Plan, um abzunehmen, während Sie die Ergebnisse Ihrer Bemühungen überwachen.

So nutzen Sie die Website-Geschwindigkeit, um den Umsatz zu steigern

Abschließende Gedanken

Verbesserungen der Website-Geschwindigkeit in der realen Welt zu erhalten, ist immer chaotischer, als es in Blog-Posts erscheint. Auf dem Weg dorthin werden Sie mit einigen Herausforderungen konfrontiert sein, aber konzentrieren Sie sich auf die Ergebnisse, denn sie werden auf lange Sicht die Benutzererfahrung, SEO und Conversions verbessern.

Das ist das Wichtigste; Vorbereitung auf die schnelle Zukunft des Online-Browsings.

Wenn Sie Hilfe benötigen, wenden Sie sich an Ihre technikbegeisterten Freunde oder lassen Sie uns wissen, wie wir Ihnen helfen können!

Wenn Sie irgendwelche Erfahrungen oder Ratschläge haben, die Sie teilen möchten, zögern Sie nicht, sich auch in den Kommentarbereich dieses Beitrags einzuschalten ...