Leitfaden zur Geschwindigkeit mobiler Websites

Transkript

1 Leitfaden zur Geschwindigkeit mobiler Websites 1

2 WAS Einführung Im Oktober 2016 waren weltweit erstmals mehr Menschen mit einem Smartphone oder Tablet online als mit einem Computer. 1 Menschen verbringen heute mehr Zeit denn je mit Smartphones und Tablets: Sie suchen nach Informationen, kaufen online ein und nehmen Dienstleistungen.in AnspruchSeit 2015 berücksichtigt Google bei der Bestimmung des Rangs bei mobilen Suchanfragen in allen Sprachen weltweit, wie gut die Seiten für Mobilgeräte optimiert sind.wir glauben, dass sich dieser Trend fortsetzen wird. 74 % der Nutzer in Großbritannien verwenden heute Smartphones im Vergleich zu nur 51 % im Jahr % aller Erwachsenen gehen vorrangig mit dem Smartphone online. 2 Diese Entwicklung hat dazu geführt, dass die Nutzer häufiger im Web surfen: 73 % der Briten sind täglich online. 3 Und aufgrund dieser Zunahme sind auch die Erwartungen der Nutzer gestiegen.sie haben wenig Geduld für langsame Websites. Wenn sie das Gewünschte nicht umgehend bekommen, müssen sie nur einmal auf den Bildschirm tippen, um die Website eines Mitbewerbers aufzurufen. 2

3 Die nächste Generation mobiler Websites basiert auf dem Verhalten der heutigen Nutzer Noch nie hatten Nutzer so hohe Ansprüche wie heute.in puncto Nutzererfahrung leben wir in einem goldenen Zeitalter: Start-up-Unternehmen legen den Schwerpunkt auf Einfachheit und wälzen dadurch ganze Branchen um. Gleichzeitig müssen sich traditionelle Unternehmen neu erfinden, um relevant zu bleiben. Dank moderner Technologien können heute aufwendige Websites erstellt werden. Das bekommen die Unternehmen zu spüren: Sie müssen nun nicht mehr nur die beste Nutzererfahrung in ihrer jeweiligen Kategorie bieten, sondern die beste, die der Kunde jemals hatte.jedes Mal, wenn ein Unternehmen eine aufwendige, nützliche oder innovative Website entwickelt, legt es die Messlatte etwas höher.und wer seine Nutzer frustriert oder verärgert, verliert sie als Kunden.In der Tat brechen 50 % der Besucher eine mobile Transaktion bei einer schlechten Nutzererfahrung ab. 4 Die Geschwindigkeit der mobilen Website als Schlüssel zum Erfolg Weltweit fällt der Großteil der Zeit, in der das Internet genutzt wird, auf Mobilgeräte. In Großbritannien ist es sogar mehr als 60 % der Zeit. 5 Außerdem wird auf Smartphones viel mehr Zeit insgesamt mit Surfen im Web verbracht: In Großbritannien sind es 66 Stunden pro Monat, verglichen mit 29 Stunden auf Computern. 6 Zeit im Web 66 Stunden pro Monat 29 Stunden pro Monat Die Geschwindigkeit ist wichtig.für 75 % der Nutzer in Großbritannien hat die Ladezeit einer Seite die größten Auswirkungen auf die Nutzererfahrung ingesamt. 7 Verzögerungen fallen besonders dann auf, wenn jemand gerade unterwegs ist und mit dem Smartphone im Web surft. 3

4 WARUM Websitegeschwindigkeit als geschäftliche Priorität Reichweite und Sichtbarkeit im Web Derzeit sind fünf Milliarden Geräte mit dem Internet verbunden. 8 Das Web hat im Durchschnitt drei Mal mehr monatliche Nutzer als native Apps, aber mit diesen Apps wird mehr Zeit verbracht. Ein guter Grund also, dass Unternehmen den Schwerpunkt darauf legen sollten. Der Großteil der mit Apps verbrachten Zeit scheint sich jedoch auf einige wenige Kategorien wie Unterhaltung, soziale Netzwerke und Nachrichten zu konzentrieren. 9 Und da das mobile Web immer häufiger zum Suchen und Entdecken verwendet wird, möchten Nutzer meist keine App herunterladen und dabei Speicherplatz und Mobilfunkdaten verbrauchen.die nächste Generation von Webtechnologien wird Appähnliche Funktionen haben, mit denen sich neue Möglichkeiten nutzen und mobile Websites optimieren lassen.für Unternehmen ist eine wirkungsvolle Präsenz im mobilen Web heute entscheidend. 4

5 Hervorragende Nutzererfahrung bieten Durch Tests mit neuen Technologien wird es möglich, eine hervorragende Nutzererfahrung zu bieten. Dies kann jedoch auch Herausforderungen mit sich bringen.statt in erster Linie über die Technologien nachzudenken, sollten Sie sich in die Lage eines Kunden versetzen und versuchen, dessen Bedürfnisse zu erfüllen.die Nutzer erwarten schnelle, relevante und reibungslos funktionierende mobile Websites. Wie können Sie Reibungspunkte so radikal ausmerzen, wie es beim Drive-in-Schalter von McDonald s oder bei Amazon Prime gemacht wurde? Auf die Geschwindigkeit kommt es an Menschen haben immer weniger Geduld.Aufgrund der Geschwindigkeit, die durch moderne Technologien ermöglicht wird, haben wir uns daran gewöhnt, Dinge sofort kaufen zu können und Waren am selben Tag geliefert zu bekommen. Unsere Bereitschaft, auf etwas zu warten, ist gesunken.smartphones bieten heute Möglichkeiten, die wir uns vor ein paar Jahren nicht hätten vorstellen können.so können wir beispielsweise einen Kaffee bezahlen, indem wir das Smartphone an das Lesegerät halten, oder mithilfe eines digitalen Assistenten per Sprachbefehl Waschmittel bestellen.daher fragen sich immer mehr Menschen nicht mehr Wer kann das am besten?, sondern Wer kann das jetzt gleich am besten?. Wenn Sie die Geschwindigkeit nicht zu einem Ihrer wichtigsten Leistungsmesswerte machen, kann das Ihr Unternehmen teuer zu stehen kommen.wir haben vor Kurzem mobile Websites auf der ganzen Welt getestet. Dabei waren mobile Seiten im Durchschnitt nach 22 Sekunden vollständig geladen Sek. (vollständiges Laden einer Seite) 53 % verlassen eine mobile Website, wenn der Ladevorgang länger als drei Sekunden dauert. 5

6 53 % der Nutzer verlassen eine mobile Website, wenn der Ladevorgang länger als drei Sekunden dauert. Und 50 % der Nutzer in Großbritannien brechen mobile Transaktionen ab, wenn die Nutzererfahrung schlecht ist. 11 Eine zufriedenstellende Ladezeit für Nutzer sind maximal zwei Sekunden. Um Unternehmen dabei zu helfen, die Nutzerfreundlichkeit und Geschwindigkeit von Websites auszuwerten, hat Google letztes Jahr 316 Reise-, Einzelhandels- und Finanzwebsites aus sieben europäischen Ländern untersucht. Dabei ging es darum zu ermitteln, welche Websites bestens für Mobilgeräte optimiert sind und bei welchen noch Nachholbedarf besteht. 12 Die durchschnittliche Ladezeit in den drei Branchen liegt über der Marke von zwei Sekunden, die als zufriedenstellend angesehen wird. Die beste Leistung wiesen dabei mit 3,8 Sekunden die führenden Einzelhandels-Websites auf.nur 14 Websites wurden innerhalb von zwei Sekunden oder schneller geladen. Vorteile einer höheren Websitegeschwindigkeit Wenn Unternehmen den Schwerpunkt auf die Geschwindigkeit legen, hat dies einen Dominoeffekt.Bei der Gestaltung müssen visuelle Elemente, Schriftarten und ein Aufbau gewählt werden, mit denen eine schnelle und reibungslose Nutzung der mobilen Website möglich ist.die Entwickler können dann weitere Optimierungsmaßnahmen durchführen, damit den Nutzern die bestmögliche Website geboten werden kann. Schnellere Seiten führen zu höheren Conversion-Raten, wodurch wiederum der ROI verbessert wird.bei einer kürzlich von SOASTA durchgeführten Studie zeigten sich die Auswirkungen der Seitenladegeschwindigkeit: Bei mobilen Seiten, die eine Sekunde schneller geladen wurden, lag die Conversion-Rate um bis zu 27 % höher. 13 Längere Ladezeiten führten dahingegen zu höheren Absprungraten: Im Durchschnitt lag diese Rate bei Seiten mit einer Ladezeit von unter drei Sekunden bei 13 % und bei einer Ladezeit von über neun Sekunden fast bei 60 %. 1 Sekunde kürzere Ladezeit (mobile Seiten) Längere Ladezeit = Höhere Absprungraten 27 % Conversion- Raten 13 % Absprungraten bei Ladezeiten unter 3 Sekunden 60 % Absprungraten bei Ladezeiten über 9 Sekunden 6

7 Erfolgsgeschichten Money.co.uk Money.co.uk überprüfte seine Website in Zusammenarbeit mit Google und erkannte, wie es mit Änderungen im Hinblick auf Geschwindigkeit und Aufbau die Nutzererfahrung verbessern konnte.durch diese Prüfung und die anschließende Optimierung konnte die Ladezeit von 11,7 Sekunden auf 3,5 Sekunden verringert werden.dies führte zu einer Steigerung der Klickrate der Website von 12 % auf 32 % und zu einem Rückgang der Absprungrate von 80 % auf 52 %. Klickrate 12 % 32 % Kempinski Hotels Als Kempinski Hotels mit der Neugestaltung seiner Website begann, wollte sich das Team ein besseres Bild von der Geschwindigkeit auf verschiedenen Geräten machen.daher ermittelte es mithilfe des Google-Tools Geschwindigkeit auf Mobilgeräten testen und mit PageSpeed Insights eine Vergleichsgrundlage und setzte dann die ausführlichen Empfehlungen dieser Tools bei der Entwicklung der neuen Websitearchitektur um.mit der neuen, schnelleren Website erzielt das Unternehmen heute eine 11 % höhere Conversion-Rate. Conversion-Rate 11 % Absprungrate 80 % 52 % 7

8 Business Comparison BusinessComparison.com wollte die Leistung seiner Website für die 45 % seiner Kunden verbessern, die diese mit Mobilgeräten besuchen. Daher griff das Unternehmen auf PageSpeed Insights und die Designprinzipien für mobile Websites von Google zurück.es wurden Workshops zur Nutzerfreundlichkeit veranstaltet. Anschließend stellte das Unternehmen die verschiedenen Ansätze mithilfe von Google Analytics in A/B-Tests auf den Prüfstand. Dank der Verbesserungen bei der Geschwindigkeit und Nutzerfreundlichkeit stieg die Conversion-Rate auf Mobilgeräten um 22 %. Conversion-Rate 22 % Everest Everest führte für seine Website umfassende Prüfungen zur Geschwindigkeit und Nutzererfahrung durch und ermittelte dann, wie sich diese Faktoren auf die Conversion-Leistung der Kontaktformulare auf der Website auswirkten.anhand entscheidender Daten zur Seitengeschwindigkeit und zu den Auswirkungen von Drittanbieter-Tags auf die Ladezeiten konnte das Unternehmen seine gesamte technische Infrastruktur und die Seitenladelogik überprüfen.diese Informationen zur Geschwindigkeit und Nutzerfreundlichkeit wurden bei einem größeren Neugestaltungsprojekt eingesetzt, mit dem die Conversion-Rate letztlich um mehr als 40 % gesteigert werden konnte. Conversion-Rate 40 % 8

9 Settled Settled, eine innovative Online-Immobilienagentur, konnte die Geschwindigkeit und Leistung ihrer mobilen Website mithilfe von Progressive Web Apps enorm verbessern.über 65 % der Zugriffe auf die Website erfolgen mit Mobilgeräten. Daher war dem Settled- Team klar, dass eine Optimierung der Nutzererfahrung auf Mobilgeräten umfassende Auswirkungen auf das Unternehmen haben würde.das Team gestaltete seine mobile Website deshalb mithilfe von Progressive Web Apps neu. Durch diese Technologie werden Appähnliche Benachrichtigungs- und Offlinefunktionen auf der mobilen Website ermöglicht.durch Caching auf den Geräten und andere Verbesserungen konnten die Seitenladezeiten auf ein Drittel reduziert werden. Dies führte zu einem Rückgang der Absprungraten, einem niedrigeren Cost-per-Conversion und einer Zunahme der mobilen Conversions um 23 %. Conversion-Rate 23 % 9

10 KRITISCH 6 Sek. SCHLECHT 2 Sek. WIE Websitegeschwindigkeit erhöhen GUT Zuerst sollten Sie entscheiden, was Sie den Nutzern bieten möchten.führen Sie eine Überprüfung Ihrer Website durch, um sich ein Bild davon zu machen, wie sich Ihr Unternehmen seinen Kunden präsentiert. Kostenlose Tools für die Überprüfung Ihrer Website Einfach Think with Google-Tool Das Tool Geschwindigkeit auf Mobilgeräten testen von Google kann auch von unerfahrenen Nutzern eingesetzt werden und bietet einen Bericht mit Maßnahmen, mit denen die Website beschleunigt und verbessert werden kann.sie geben einfach die Adresse Ihrer Website ein und erhalten dann eine Bewertung zusammen mit einem ausführlicheren Bericht. Dieser Bericht enthält spezifische Vorschläge, welche Probleme behoben werden sollten, und Informationen zur Seitengeschwindigkeit, auf deren Grundlage die Website beschleunigt und für Mobilgeräte optimiert werden kann. 10

11 Fortgeschritten WebPagetest Mit diesem Tool können Sie einen kostenlosen Geschwindigkeitstest für Ihre Website durchführen. Dabei wird die Geschwindigkeit an mehreren Standorten weltweit mit echten Browsern (Internet Explorer und Chrome) und bei realen Verbindungsgeschwindigkeiten überprüft.sie können grundlegende oder fortgeschrittene Tests durchführen, etwa Transaktionen mit mehreren Schritten, eine Videoaufnahme und die Blockierung von Inhalten.Als Ergebnis erhalten Sie umfassende Diagnosedaten: Wasserfalldiagramme zum Laden von Ressourcen, Prüfungen für die Optimierung der Seitengeschwindigkeit und Verbesserungsvorschläge. Die nächste Generation von Webtechnologien Die neuen Technologien für das mobile Web erlauben weit mehr als eine reine Optimierung der vorhandenen Website mit ihnen können Sie Ihren mobilen Besuchern etwas revolutionär Neues bieten. Die vier Säulen einer positiven Nutzererfahrung: Geschwindigkeit: Die Website soll für die Besucher schnell verfügbar sein. Interaktion: Der Nutzer soll möglichst lange auf der Website bleiben und zu einer Rückkehr bewegt werden. Kundengewinnung: Der Nutzer soll zu einem zahlenden Kunden werden. Kundenbindung: Der Lifetime-Wert des Kunden soll erhöht werden. Derzeit gibt es drei neue Technologien, mit denen eine hervorragende Nutzererfahrung erleichtert wird: Accelerated Mobile Pages (AMP), progressive Web-Apps (PWA) sowie Identitäts- und Onlinezahlungs-Lösungen. Identitäts- und Onlinezahlungs-Lösungen AMP PWA Geschwindigkeit Interaktion Kundengewinnung Kundenbindung 11

12 Accelerated Mobile Pages (AMP) Die AMP-Technologie wurde entwickelt, damit Webinhalte überall, umgehend und so ansprechend wie möglich bereitgestellt werden können.das AMP Project ist eine Open Source-Initiative. Sie steht allen Werbepartnern in der Branche, die die technischen Spezifikationen umsetzen, offen und erfreut sich derzeit großer Beliebtheit. 0,7 Ladezeit Sekunden 4 x weniger (Medianwert) schneller 10 x Daten Mit AMP können Unternehmen ihre Websites erheblich beschleunigen. Die Ladezeit einer AMP-Seite über die Google-Suche liegt unter einer Sekunde (Medianwert). Dabei muss nur ein Zehntel der Daten übertragen werden wie bei einer entsprechenden Seite ohne AMP-Technologie.Heute sind bereits über zwei Milliarden AMP-Seiten online, einschließlich Bing, LinkedIn und Medium. Weitere Informationen zu AMP erhalten Sie auf Nachfrage von Ihrem Google- Kundenbetreuer und unter Progressive Web-Apps (PWA) Progressive Web-Apps sollen überall und für jeden Nutzer funktionieren.sie bieten einen hervorragenden Funktionsumfang und viele Vorteile nativer Apps wie lokales Caching, Offlineverfügbarkeit, das Hinzufügen zum Startbildschirm und Push-Benachrichtigungen. Lokales Caching Offline verfügbar Hinzufügen zum Startbildschirm Push-Benachrichtigung 12

13 Progressive Web-Apps basieren auf neuen Webstandards, die in den Android-Versionen von Chrome, Firefox und Opera sowie im Samsung- Browser bereits unterstützt werden und demnächst auch mit anderen Browsern genutzt werden können.dank dieser Technologie können Entwickler Websites erstellen, die schnell geladen werden, offline hervorragend funktionieren und in modernen Browsern eine immer bessere Nutzererfahrung bieten.bei rund zwei Dritteln aller Sitzungen mit mobilen Webbrowsern in Europa werden diese Funktionen unterstützt. Weitere Informationen zu progressiven Web-Apps erhalten Sie auf Nachfrage von Ihrem Google-Kundenbetreuer und unter com/web/tools/lighthouse. Identitäts- und Onlinezahlungs-Lösungen Das Web ist heute besser denn je und bietet Unternehmen die Möglichkeit, für die Nutzer schnelle und aufwendige Websites zu entwickeln, die Appähnliche Funktionen unterstützen.warum werden mit den Zugriffen im mobilen Web aber nun keine höheren Conversion-Raten erzielt?neben den oben aufgeführten Problemen können zwei weitere Faktoren die Eingabe von Daten erschweren: der eingeschränkte Funktionsumfang und der kleine Bildschirm.Studien zufolge bricht mehr als die Hälfte der Nutzer einen Besuch eher ab, als sich für noch einen Dienst zu registrieren. 92 % der Nutzer geben auf, wenn sie den Nutzernamen vergessen haben. 14 Derzeit stehen zwei JavaScript-APIs zur Verfügung, mit denen reibungslose Registrierungen, Anmeldungen und Zahlungen ermöglicht werden: die Credential Management API und die Payment Request API. 92 % geben auf, wenn sie den Nutzernamen vergessen haben. 13

14 Credential Management API Mit dieser API erhalten bestehende Nutzer die Möglichkeit, sich durch einmaliges Antippen des Bildschirms anzumelden. Hierzu wird ein Dialogfeld mit einer Kontoauswahl angezeigt, sodass der Kunde einfach das gewünschte Konto auswählen kann. Speichert föderierte Log-ins, sodass bei der Auswahl des Log-in- Kontos übergangslos zwischen Kundennummer/Passwort und föderierten Log-ins gewechselt werden kann. Unterstützt die automatische Anmeldung, sodass Websites mit kurzer Sitzungsdauer geräteübergreifenden Zugriff haben. Payment Request API Einer der Hauptgründe für das Abbrechen eines Kaufvorgangs ist, wenn das Bezahlen zu lange dauert oder zu kompliziert ist.die Payment Request API ist eine offene API, die von mehreren Browsern (Chrome, Internet Explorer, Firefox und Samsung Internet) unterstützt wird.die API lässt sich einfach in bestehende Workflows für die Kaufabwicklung implementieren und bietet eine nahtlose Nutzererfahrung. Damit ist gewährleistet, dass die Kunden nicht auf eine Drittanbieter-Website weitergeleitet werden oder der Kaufvorgang abgebrochen wird.außerdem ist die API sicher: Nur Sie und der Nutzer haben Zugriff auf die Zahlungsinformationen. Diese API wird bereits auf allen mit Chrome kompatiblen Plattformen unterstützt und steht bald auch für alle restlichen Plattformen und Geräte zur Verfügung, sodass die Conversion-Rate überall gesteigert werden kann. Weitere Informationen zur Credential Management API und zur Payment Request API erhalten Sie auf Nachfrage von Ihrem Google-Kundenbetreuer und unter visit g.co/paymentrequestguide bzw. g.co/paymentrequestcodelab. Weitere Informationen: 14

15 Quellenangaben 1 StatCounter Global Stats, November The Connected Consumer Survey, Office for National Statistics (ONS), Google-Daten, weltweit, n=3.700 zusammengefasste und anonymisierte Google Analytics-Daten zu einer Stichprobe mobiler Websites, deren Betreiber der Weitergabe von Benchmark-Daten zugestimmt haben, März MMX Multi-Platform von comscore, Januar Mobile Metrix von comscore, August 2016, Erwachsene ab 18 Jahren, alle Smartphones, Surfen und App-Nutzung zusammengefasst 7 Evaluating the role of speed in mobile experiences research, Google und Basis, Juni We Are Social 9 Media Metrix MP und Mobile Metrix von comscore, USA, gesamte Zielgruppe, Juni Google-Studie, Webpagetest.org, weltweit, Stichprobe von über mobilen Websites kleiner und mittlerer Firmen sowie von Fortune 1000-Unternehmen.Die Tests wurden mit Chrome und einer Nexus 5-Emulation über eine 3G-Verbindung durchgeführt, die weltweit repräsentativ war.downloadgeschwindigkeit: 1,6 MBit/s, Paketumlaufzeit: 300 ms.getestet auf EC2 auf m3.medium-instanzen, deren Leistung High-End-Smartphones ähnlich ist, Januar Google-Daten, weltweit, n=3.700 zusammengefasste und anonymisierte Google Analytics-Daten zu einer Stichprobe mobiler Websites, deren Betreiber der Weitergabe von Benchmarkdaten zugestimmt haben, März Ausführliche Informationen finden Sie auf der Think with Google-Website im Artikel Mastering Mobile at the EMEA Performance Summit. 13 SOASTA-Fallstudie (1. September 2015), 14 Blue Research und Instant Checkmate,

16 Sind Sie 16