SlideShare ist ein Scribd-Unternehmen logo
1 von 2
[ mobile market ]


Lange Ladezeiten und abstürzende Bestellvorgänge stellen mobile Nutzer vor Geduldsproben.
Oder anders gesagt: Wer mobil surft, muss häufig Zeit mitbringen. Dabei ist die Performance von mobilen
Webseiten, besonders im M-Commerce, von zentraler Bedeutung.




Wenn´s mobil mal wieder
länger dauert ...
U
           m Performanceprobleme einer
           mobilen Webseite oder eines
           Onlineshops zu verstehen, ist es
           wichtig, den gesamten Weg der Daten zu                                                                              AUSGABE 11|2012
           betrachten. Sämtliche Webseiten wer-
den in Rechenzentren betrieben. Die dortigen Infra-
strukturen verarbeiten die Aktionen der Nutzer, wie
z.B. das Hinzufügen von Elementen in einen Waren-
korb. Die Rechenzentren (RZ) sind über Backbones*                                  Einen Stolperstein mobiler Verbindungen per 3G stellen lange
mit den RZ der großen Internet-Service-Provider                                    Latenzzeiten (A) dar. Vor dem Abruf der Daten von einem
(ISP) verbunden. Von dort wird über die Infrastruk-                                Webserver muss vom Endgerät eine Verbindung zum Ser-
tur der ISP die Verbindung zum End-User – entwe-                                   ver aufgebaut werden. Bei mobilen Verbindungen (3G) dau-
der per DSL stationär und kabelgebunden oder über                                  ert dies länger als bei stationären Anschlüssen, was zur Folge
die Mobilfunknetze (3G) – hergestellt.                                             hat, dass Nutzer länger warten müssen, bis ihre gewünschte
                                                                                   Seite angezeigt wird. Ähnlich geduldig müssen Nutzer auch
Entlang dieses Weges lauern verschiedene Problem-                                  bei einer niedrigen Downloadgeschwindigkeit (B) sein. Die
felder, die sich negativ auf die mobile Performance                                Ursache dafür kann zum einen in einer schlechten Verbindung,
auswirken können. Um sie identifizieren zu können,                                 z.B. in Gebäuden, liegen. Zum anderen drosseln Mobilfunk-
genügt es jedoch nicht, lediglich die Geschwindig-                                 provider in der Regel die Geschwindigkeit (C), wenn die zur
keit im Rechenzentrum zu prüfen. Denn was nützt                                    Verfügung stehenden Datenpakete aufgebraucht sind. Zudem
die vermeintliche Sicherheit, dass alle Systeme lau-                               kann es – gerade bei mobilen Verbindungen – auch zu einem
fen und die Daten performant das Rechenzentrum                                     vollständigen Verbindungsabbruch (D) kommen, wie z.B. in
verlassen, wenn ein kaufbereiter Mobilnutzer im                                    Zügen oder Tunneln. Mobile Webseiten müssen entsprechend
entscheidenden Moment seine geplante (Kauf-)                                       reagieren, indem sie etwa das erneute Absenden einer Bestel-
Aktion nicht beenden kann?                                                         lung ermöglichen.




           *Backbone
           Bei größeren Vernetzungen mit mehreren Netzwerkstrukturen ist unter
           Umständen eine gesonderte Infrastruktur zum Informationsaustausch
           zwischen den Netzen und Systemen zu schaffen. Das Backbone-Netz bildet
           eine solche Infrastruktur. Es ist ein Hochleistungsnetz, das den Anschluss
           einer Vielzahl von territorial verteilten Endgeräten, Endgeräte-Clustern oder
           lokalen Subnetzen erlaubt.                                 Quelle: itwissen.info




0 1 2                                                                                                                        MOBILE BUSINESS 11.2012
[ mobile market ]


                                                      5 Tipps zur Optimierung von mobilen Webseiten
                                              1.) Das Seitengewicht der mobilen Webseite sollte verringert und der Cache optimiert werden, insbe-
Unabhängig von der Verbindung                      sondere für Folgeaufrufe innerhalb einer Webseite. Für mobile Webseiten ist es besonders wichtig,
(3G oder WIFI) kann sich auch                      dass pro Aktion so wenig Daten wie möglich über das Netzwerk übertragen werden.
ein kleiner Cachespeicher (E)                      Als Richtgröße für einen mobilen Shop sind weniger als 200 kb für die Homepage und weniger
                                                   als 50 kb für die Folgeseiten empfehlenswert.
negativ auf die Ladezeit auswir-
ken. Bei Smartphones ist der zur              2.) Redirects auf mobile Landingpages (www.example.com) sollten cachebar gemacht werden, um
Verfügung stehende Arbeitsspei-                    unnötige Serveraufrufe zu vermeiden.
cher knapp. Den Browsern steht
entsprechend weniger Platz zum                3.) Das Browser-Rendering sollte optimiert werden, z.B. durch Nutzung von Touch-Events anstatt von
Zwischenspeichern von Websei-                      Onclick-Events. Dadurch reagiert der Onlineshop weniger träge auf die Berührungen der Nutzer.
tenelementen zur Verfügung als
auf Desktoprechnern. Das kann                 4.) Falls Google Analytics im Einsatz ist, sollte der Report „Website-Geschwindigkeit” genutzt und
                                                   
bedeuten, dass viele Webseiten-                    unter erweiterte Segmente „Zugriffe von mobilen Geräten” ausgewählt werden. Falls die Ladezeit
                                                   im Vergleich zu „allen Besuchern” deutlich langsamer ist, könnte man Handlungsbedarf ableiten.
aufrufe – trotz gut konfigurier-
tem Caching – komplett vom Ser-               5.) Die Performance der Webseite und der geschäftskritischen Prozesse (z.B. ein kompletter Einkaufs-
                                                   
ver übertragen werden müssen,                      vorgang) sollte regelmäßig aus End-User-Perspektive geprüft werden. Nur so kann sichergestellt
mit entsprechender Auswirkung                      werden, dass Optimierungsbemühungen auch beim Kunden ankommen.
auf die Ladezeit. Mitunter kann
dadurch Zeit für die Ausführung
von Javascript Code (F) verlo-
ren gehen, weil kein speziell opti-
mierter Code für die mobile Web-
seite verwendet wurde. Die Berechnung von Javascript kann                             verbindung oder an einem Problem beim Webseiten-
das Darstellen der Seite bis zum Abschluss der Berechnung                             betreiber liegt. Trotzdem wird die Problemursache
vollständig verhindern.                                                               in der Regel dem Webseitenbetreiber zugeordnet.
                                                                                      Im schlechtesten Fall versuchen sie ihr Glück auf
Kontinuierliches Monitoring                                                           anderen Webseiten oder Onlineshops. Ein kontinu-
                                                                                      ierliches Monitoring aus Sicht des End-Users, das
Nutzer können häufig nicht erkennen, ob eine abgebrochene                             etwa Tomorrow Focus Technology (TFT) anbietet, ist
Kaufaktion an der gerade schlechten oder verlorenen Internet-                         eine Möglichkeit, diesem Risiko vorzubeugen.
                                                                                                                 Marc Duch




                                                                                                                     (E,F)


        Mobile Problemfelder
                                                                                                                                       (A,B,C,D,E,F)




        (Rechenzentrum)                            (Internet)


                                                                                                                                           Quelle: TFT


        A: Latenz                            D: Verbindungsabbruch
        B: Downloadgeschwindigkeit           E: Cachegröße
        C: Drosselung                        F: Javascript Performance
                                                                                                                               (A,B,C,D)



MOBILE BUSINESS 11.2012                                                                                                                     0 1 3

Weitere ähnliche Inhalte

Andere mochten auch

Performance Measures Report Results Summary
Performance Measures Report Results SummaryPerformance Measures Report Results Summary
Performance Measures Report Results SummaryKelly Carlson
 
SAP BASIS Training in Chennai Demo Part-4
SAP BASIS Training in Chennai Demo Part-4SAP BASIS Training in Chennai Demo Part-4
SAP BASIS Training in Chennai Demo Part-4Thecreating Experts
 
Tehnoloģiju radīšana ≈ olimpiāžu uzdevumu risināšana
Tehnoloģiju radīšana ≈ olimpiāžu uzdevumu risināšanaTehnoloģiju radīšana ≈ olimpiāžu uzdevumu risināšana
Tehnoloģiju radīšana ≈ olimpiāžu uzdevumu risināšanaJuris Vencels
 
ひながた
ひながたひながた
ひながたamifumi
 
State of virtualisation -- 2012
State of virtualisation -- 2012State of virtualisation -- 2012
State of virtualisation -- 2012Jonathan Sinclair
 
Mob pastpapers u1 2004-2011
Mob pastpapers u1 2004-2011Mob pastpapers u1 2004-2011
Mob pastpapers u1 2004-2011Princess Ali
 
Лекция 2. Анализ и диагностика финансового состояния предприятия
Лекция 2. Анализ и диагностика финансового состояния предприятияЛекция 2. Анализ и диагностика финансового состояния предприятия
Лекция 2. Анализ и диагностика финансового состояния предприятияSergey Shalamkov
 
Otoe plaisio diedkikhsh kladikhs
Otoe plaisio diedkikhsh kladikhs Otoe plaisio diedkikhsh kladikhs
Otoe plaisio diedkikhsh kladikhs ΟΤΟΕ
 
Manual de segurança e saúde nas obras da construção civil
Manual de segurança e saúde nas obras da construção civilManual de segurança e saúde nas obras da construção civil
Manual de segurança e saúde nas obras da construção civilGuilherme Espindola
 

Andere mochten auch (10)

Performance Measures Report Results Summary
Performance Measures Report Results SummaryPerformance Measures Report Results Summary
Performance Measures Report Results Summary
 
SAP BASIS Training in Chennai Demo Part-4
SAP BASIS Training in Chennai Demo Part-4SAP BASIS Training in Chennai Demo Part-4
SAP BASIS Training in Chennai Demo Part-4
 
Tehnoloģiju radīšana ≈ olimpiāžu uzdevumu risināšana
Tehnoloģiju radīšana ≈ olimpiāžu uzdevumu risināšanaTehnoloģiju radīšana ≈ olimpiāžu uzdevumu risināšana
Tehnoloģiju radīšana ≈ olimpiāžu uzdevumu risināšana
 
ひながた
ひながたひながた
ひながた
 
State of virtualisation -- 2012
State of virtualisation -- 2012State of virtualisation -- 2012
State of virtualisation -- 2012
 
Mob pastpapers u1 2004-2011
Mob pastpapers u1 2004-2011Mob pastpapers u1 2004-2011
Mob pastpapers u1 2004-2011
 
Лекция 2. Анализ и диагностика финансового состояния предприятия
Лекция 2. Анализ и диагностика финансового состояния предприятияЛекция 2. Анализ и диагностика финансового состояния предприятия
Лекция 2. Анализ и диагностика финансового состояния предприятия
 
Otoe plaisio diedkikhsh kladikhs
Otoe plaisio diedkikhsh kladikhs Otoe plaisio diedkikhsh kladikhs
Otoe plaisio diedkikhsh kladikhs
 
Manual de segurança e saúde nas obras da construção civil
Manual de segurança e saúde nas obras da construção civilManual de segurança e saúde nas obras da construção civil
Manual de segurança e saúde nas obras da construção civil
 
Library orientation
Library orientationLibrary orientation
Library orientation
 

Mehr von TFT TIE Kinetix GmbH

C level Brunch Marc Martin "IT Consumerization"
C level Brunch Marc Martin "IT Consumerization"C level Brunch Marc Martin "IT Consumerization"
C level Brunch Marc Martin "IT Consumerization"TFT TIE Kinetix GmbH
 
C level Brunch Dr Carlo Velten "Studie High Performance Portale"
C level Brunch Dr Carlo Velten "Studie High Performance Portale"C level Brunch Dr Carlo Velten "Studie High Performance Portale"
C level Brunch Dr Carlo Velten "Studie High Performance Portale"TFT TIE Kinetix GmbH
 
C level Brunch Begrüßung durch TOS und TFT
C level Brunch Begrüßung durch TOS und TFTC level Brunch Begrüßung durch TOS und TFT
C level Brunch Begrüßung durch TOS und TFTTFT TIE Kinetix GmbH
 
C Level Brunch Timo Salzsieder "Herausforderungen moderner Plattformen"
C Level Brunch Timo Salzsieder "Herausforderungen moderner Plattformen"C Level Brunch Timo Salzsieder "Herausforderungen moderner Plattformen"
C Level Brunch Timo Salzsieder "Herausforderungen moderner Plattformen"TFT TIE Kinetix GmbH
 
The search conference münchen 2010, universal search video, marc duch
The search conference münchen 2010, universal search video, marc duchThe search conference münchen 2010, universal search video, marc duch
The search conference münchen 2010, universal search video, marc duchTFT TIE Kinetix GmbH
 
Search engine strategies 2009 berlin, website architecture, marc duch
Search engine strategies 2009 berlin, website architecture, marc duchSearch engine strategies 2009 berlin, website architecture, marc duch
Search engine strategies 2009 berlin, website architecture, marc duchTFT TIE Kinetix GmbH
 
User Centered Design. Mit Usability und User Experience zur erfolgreichen, be...
User Centered Design. Mit Usability und User Experience zur erfolgreichen, be...User Centered Design. Mit Usability und User Experience zur erfolgreichen, be...
User Centered Design. Mit Usability und User Experience zur erfolgreichen, be...TFT TIE Kinetix GmbH
 
Usability vs. User Experience vs. CRO - warum eigentlich nicht miteinander?
Usability vs. User Experience vs. CRO - warum eigentlich nicht miteinander?Usability vs. User Experience vs. CRO - warum eigentlich nicht miteinander?
Usability vs. User Experience vs. CRO - warum eigentlich nicht miteinander?TFT TIE Kinetix GmbH
 

Mehr von TFT TIE Kinetix GmbH (9)

C level Brunch Marc Martin "IT Consumerization"
C level Brunch Marc Martin "IT Consumerization"C level Brunch Marc Martin "IT Consumerization"
C level Brunch Marc Martin "IT Consumerization"
 
C level Brunch Dr Carlo Velten "Studie High Performance Portale"
C level Brunch Dr Carlo Velten "Studie High Performance Portale"C level Brunch Dr Carlo Velten "Studie High Performance Portale"
C level Brunch Dr Carlo Velten "Studie High Performance Portale"
 
C level Brunch Begrüßung durch TOS und TFT
C level Brunch Begrüßung durch TOS und TFTC level Brunch Begrüßung durch TOS und TFT
C level Brunch Begrüßung durch TOS und TFT
 
C Level Brunch Timo Salzsieder "Herausforderungen moderner Plattformen"
C Level Brunch Timo Salzsieder "Herausforderungen moderner Plattformen"C Level Brunch Timo Salzsieder "Herausforderungen moderner Plattformen"
C Level Brunch Timo Salzsieder "Herausforderungen moderner Plattformen"
 
SMX 2012_Search & Web Analyse
SMX 2012_Search & Web AnalyseSMX 2012_Search & Web Analyse
SMX 2012_Search & Web Analyse
 
The search conference münchen 2010, universal search video, marc duch
The search conference münchen 2010, universal search video, marc duchThe search conference münchen 2010, universal search video, marc duch
The search conference münchen 2010, universal search video, marc duch
 
Search engine strategies 2009 berlin, website architecture, marc duch
Search engine strategies 2009 berlin, website architecture, marc duchSearch engine strategies 2009 berlin, website architecture, marc duch
Search engine strategies 2009 berlin, website architecture, marc duch
 
User Centered Design. Mit Usability und User Experience zur erfolgreichen, be...
User Centered Design. Mit Usability und User Experience zur erfolgreichen, be...User Centered Design. Mit Usability und User Experience zur erfolgreichen, be...
User Centered Design. Mit Usability und User Experience zur erfolgreichen, be...
 
Usability vs. User Experience vs. CRO - warum eigentlich nicht miteinander?
Usability vs. User Experience vs. CRO - warum eigentlich nicht miteinander?Usability vs. User Experience vs. CRO - warum eigentlich nicht miteinander?
Usability vs. User Experience vs. CRO - warum eigentlich nicht miteinander?
 

Wenn´s mobil mal wieder länger dauert Mobile Business 11.2012

  • 1. [ mobile market ] Lange Ladezeiten und abstürzende Bestellvorgänge stellen mobile Nutzer vor Geduldsproben. Oder anders gesagt: Wer mobil surft, muss häufig Zeit mitbringen. Dabei ist die Performance von mobilen Webseiten, besonders im M-Commerce, von zentraler Bedeutung. Wenn´s mobil mal wieder länger dauert ... U m Performanceprobleme einer mobilen Webseite oder eines Onlineshops zu verstehen, ist es wichtig, den gesamten Weg der Daten zu AUSGABE 11|2012 betrachten. Sämtliche Webseiten wer- den in Rechenzentren betrieben. Die dortigen Infra- strukturen verarbeiten die Aktionen der Nutzer, wie z.B. das Hinzufügen von Elementen in einen Waren- korb. Die Rechenzentren (RZ) sind über Backbones* Einen Stolperstein mobiler Verbindungen per 3G stellen lange mit den RZ der großen Internet-Service-Provider Latenzzeiten (A) dar. Vor dem Abruf der Daten von einem (ISP) verbunden. Von dort wird über die Infrastruk- Webserver muss vom Endgerät eine Verbindung zum Ser- tur der ISP die Verbindung zum End-User – entwe- ver aufgebaut werden. Bei mobilen Verbindungen (3G) dau- der per DSL stationär und kabelgebunden oder über ert dies länger als bei stationären Anschlüssen, was zur Folge die Mobilfunknetze (3G) – hergestellt. hat, dass Nutzer länger warten müssen, bis ihre gewünschte Seite angezeigt wird. Ähnlich geduldig müssen Nutzer auch Entlang dieses Weges lauern verschiedene Problem- bei einer niedrigen Downloadgeschwindigkeit (B) sein. Die felder, die sich negativ auf die mobile Performance Ursache dafür kann zum einen in einer schlechten Verbindung, auswirken können. Um sie identifizieren zu können, z.B. in Gebäuden, liegen. Zum anderen drosseln Mobilfunk- genügt es jedoch nicht, lediglich die Geschwindig- provider in der Regel die Geschwindigkeit (C), wenn die zur keit im Rechenzentrum zu prüfen. Denn was nützt Verfügung stehenden Datenpakete aufgebraucht sind. Zudem die vermeintliche Sicherheit, dass alle Systeme lau- kann es – gerade bei mobilen Verbindungen – auch zu einem fen und die Daten performant das Rechenzentrum vollständigen Verbindungsabbruch (D) kommen, wie z.B. in verlassen, wenn ein kaufbereiter Mobilnutzer im Zügen oder Tunneln. Mobile Webseiten müssen entsprechend entscheidenden Moment seine geplante (Kauf-) reagieren, indem sie etwa das erneute Absenden einer Bestel- Aktion nicht beenden kann? lung ermöglichen. *Backbone Bei größeren Vernetzungen mit mehreren Netzwerkstrukturen ist unter Umständen eine gesonderte Infrastruktur zum Informationsaustausch zwischen den Netzen und Systemen zu schaffen. Das Backbone-Netz bildet eine solche Infrastruktur. Es ist ein Hochleistungsnetz, das den Anschluss einer Vielzahl von territorial verteilten Endgeräten, Endgeräte-Clustern oder lokalen Subnetzen erlaubt. Quelle: itwissen.info 0 1 2 MOBILE BUSINESS 11.2012
  • 2. [ mobile market ] 5 Tipps zur Optimierung von mobilen Webseiten 1.) Das Seitengewicht der mobilen Webseite sollte verringert und der Cache optimiert werden, insbe- Unabhängig von der Verbindung sondere für Folgeaufrufe innerhalb einer Webseite. Für mobile Webseiten ist es besonders wichtig, (3G oder WIFI) kann sich auch dass pro Aktion so wenig Daten wie möglich über das Netzwerk übertragen werden. ein kleiner Cachespeicher (E) Als Richtgröße für einen mobilen Shop sind weniger als 200 kb für die Homepage und weniger als 50 kb für die Folgeseiten empfehlenswert. negativ auf die Ladezeit auswir- ken. Bei Smartphones ist der zur 2.) Redirects auf mobile Landingpages (www.example.com) sollten cachebar gemacht werden, um Verfügung stehende Arbeitsspei- unnötige Serveraufrufe zu vermeiden. cher knapp. Den Browsern steht entsprechend weniger Platz zum 3.) Das Browser-Rendering sollte optimiert werden, z.B. durch Nutzung von Touch-Events anstatt von Zwischenspeichern von Websei- Onclick-Events. Dadurch reagiert der Onlineshop weniger träge auf die Berührungen der Nutzer. tenelementen zur Verfügung als auf Desktoprechnern. Das kann 4.) Falls Google Analytics im Einsatz ist, sollte der Report „Website-Geschwindigkeit” genutzt und bedeuten, dass viele Webseiten- unter erweiterte Segmente „Zugriffe von mobilen Geräten” ausgewählt werden. Falls die Ladezeit im Vergleich zu „allen Besuchern” deutlich langsamer ist, könnte man Handlungsbedarf ableiten. aufrufe – trotz gut konfigurier- tem Caching – komplett vom Ser- 5.) Die Performance der Webseite und der geschäftskritischen Prozesse (z.B. ein kompletter Einkaufs- ver übertragen werden müssen, vorgang) sollte regelmäßig aus End-User-Perspektive geprüft werden. Nur so kann sichergestellt mit entsprechender Auswirkung werden, dass Optimierungsbemühungen auch beim Kunden ankommen. auf die Ladezeit. Mitunter kann dadurch Zeit für die Ausführung von Javascript Code (F) verlo- ren gehen, weil kein speziell opti- mierter Code für die mobile Web- seite verwendet wurde. Die Berechnung von Javascript kann verbindung oder an einem Problem beim Webseiten- das Darstellen der Seite bis zum Abschluss der Berechnung betreiber liegt. Trotzdem wird die Problemursache vollständig verhindern. in der Regel dem Webseitenbetreiber zugeordnet. Im schlechtesten Fall versuchen sie ihr Glück auf Kontinuierliches Monitoring anderen Webseiten oder Onlineshops. Ein kontinu- ierliches Monitoring aus Sicht des End-Users, das Nutzer können häufig nicht erkennen, ob eine abgebrochene etwa Tomorrow Focus Technology (TFT) anbietet, ist Kaufaktion an der gerade schlechten oder verlorenen Internet- eine Möglichkeit, diesem Risiko vorzubeugen. Marc Duch (E,F) Mobile Problemfelder (A,B,C,D,E,F) (Rechenzentrum) (Internet) Quelle: TFT A: Latenz D: Verbindungsabbruch B: Downloadgeschwindigkeit E: Cachegröße C: Drosselung F: Javascript Performance (A,B,C,D) MOBILE BUSINESS 11.2012 0 1 3