Suche senden
Hochladen
Lahme Websites - ein Konzepterproblem. ux congress 2015
•
3 gefällt mir
•
1,572 views
Jens Jacobsen
Folgen
Warum werden Websites immer langsamer? Weil wir Konzepter sie langsamer machen.
Weniger lesen
Mehr lesen
Internet
Melden
Teilen
Melden
Teilen
1 von 53
Jetzt herunterladen
Downloaden Sie, um offline zu lesen
Empfohlen
animales en peligro de extincion
animales en peligro de extincion
berechikinice
Sistema de información geográfica romina mattioli
Sistema de información geográfica romina mattioli
rominainv
kimberly familie
kimberly familie
kimba
Tenerife 2
Tenerife 2
mnb3
Camping
Camping
dokeos
Suche als Betriebssystem der Kommunikation
Suche als Betriebssystem der Kommunikation
Wolfgang Luenenbuerger-Reidenbach
March 2014
March 2014
Hend Medhat
Estudio comparativo de la educacion entre filandia y
Estudio comparativo de la educacion entre filandia y
tatyyjose
Empfohlen
animales en peligro de extincion
animales en peligro de extincion
berechikinice
Sistema de información geográfica romina mattioli
Sistema de información geográfica romina mattioli
rominainv
kimberly familie
kimberly familie
kimba
Tenerife 2
Tenerife 2
mnb3
Camping
Camping
dokeos
Suche als Betriebssystem der Kommunikation
Suche als Betriebssystem der Kommunikation
Wolfgang Luenenbuerger-Reidenbach
March 2014
March 2014
Hend Medhat
Estudio comparativo de la educacion entre filandia y
Estudio comparativo de la educacion entre filandia y
tatyyjose
12pedroinfor44d
12pedroinfor44d
12pedroinfor
maple leaf collection
maple leaf collection
Azad Khalsa
Guiding Change Impacting Quality: Understanding Coaching and TA
Guiding Change Impacting Quality: Understanding Coaching and TA
Lisa Sullivan
Wie man mehr Erfolg hat, indem man andere seine Arbeit tun lässt
Wie man mehr Erfolg hat, indem man andere seine Arbeit tun lässt
Jens Jacobsen
Importancia del brainstorming-paco_iglesias-9_11_2015
Importancia del brainstorming-paco_iglesias-9_11_2015
PI -Paco Iglesias-
old navy
old navy
stella panayides
Giovanni manieri elia - La ITE desde la perspectiva europea
Giovanni manieri elia - La ITE desde la perspectiva europea
ponencias2011
Edgar Emmanuel Flores Maldonado album.
Edgar Emmanuel Flores Maldonado album.
Edgar E. Flores M.
Blogger diseno y_configuracion
Blogger diseno y_configuracion
ramonrivelli
Proyecto de Informatica
Proyecto de Informatica
paolacano1
Desp 3098
Desp 3098
Jose A Ordoñez
HTML5 Update [Vortrag bei der NZZ]
HTML5 Update [Vortrag bei der NZZ]
Namics – A Merkle Company
Webapplikationen der Zukunft - HTML5 und CSS3 auf dem iPhone
Webapplikationen der Zukunft - HTML5 und CSS3 auf dem iPhone
die.agilen GmbH
HTML5 Update (am Internet-Briefing)
HTML5 Update (am Internet-Briefing)
Namics – A Merkle Company
tekom regional: Technische Dokumentation auf mobilen Endgeräten
tekom regional: Technische Dokumentation auf mobilen Endgeräten
Georg Eck
PlattformTV - Rundfunk als Service
PlattformTV - Rundfunk als Service
Bertram Gugel
Modernisierung in Zeiten wie diesen
Modernisierung in Zeiten wie diesen
enpit GmbH & Co. KG
HTML5 Video vs. Flash Video [paper]
HTML5 Video vs. Flash Video [paper]
Jakob
VDC Newsletter 2009-11
VDC Newsletter 2009-11
Virtual Dimension Center (VDC) Fellbach
Frontend-Performance mit PHP
Frontend-Performance mit PHP
Frank Kleine
Frontend-Performance @ IPC
Frontend-Performance @ IPC
Nico Steiner
28. Treffen - Christian Pfahl - Agile Softwareentwicklung und Architektur-Dok...
28. Treffen - Christian Pfahl - Agile Softwareentwicklung und Architektur-Dok...
.NET User Group Rhein-Neckar
Weitere ähnliche Inhalte
Andere mochten auch
12pedroinfor44d
12pedroinfor44d
12pedroinfor
maple leaf collection
maple leaf collection
Azad Khalsa
Guiding Change Impacting Quality: Understanding Coaching and TA
Guiding Change Impacting Quality: Understanding Coaching and TA
Lisa Sullivan
Wie man mehr Erfolg hat, indem man andere seine Arbeit tun lässt
Wie man mehr Erfolg hat, indem man andere seine Arbeit tun lässt
Jens Jacobsen
Importancia del brainstorming-paco_iglesias-9_11_2015
Importancia del brainstorming-paco_iglesias-9_11_2015
PI -Paco Iglesias-
old navy
old navy
stella panayides
Giovanni manieri elia - La ITE desde la perspectiva europea
Giovanni manieri elia - La ITE desde la perspectiva europea
ponencias2011
Edgar Emmanuel Flores Maldonado album.
Edgar Emmanuel Flores Maldonado album.
Edgar E. Flores M.
Blogger diseno y_configuracion
Blogger diseno y_configuracion
ramonrivelli
Proyecto de Informatica
Proyecto de Informatica
paolacano1
Desp 3098
Desp 3098
Jose A Ordoñez
Andere mochten auch
(11)
12pedroinfor44d
12pedroinfor44d
maple leaf collection
maple leaf collection
Guiding Change Impacting Quality: Understanding Coaching and TA
Guiding Change Impacting Quality: Understanding Coaching and TA
Wie man mehr Erfolg hat, indem man andere seine Arbeit tun lässt
Wie man mehr Erfolg hat, indem man andere seine Arbeit tun lässt
Importancia del brainstorming-paco_iglesias-9_11_2015
Importancia del brainstorming-paco_iglesias-9_11_2015
old navy
old navy
Giovanni manieri elia - La ITE desde la perspectiva europea
Giovanni manieri elia - La ITE desde la perspectiva europea
Edgar Emmanuel Flores Maldonado album.
Edgar Emmanuel Flores Maldonado album.
Blogger diseno y_configuracion
Blogger diseno y_configuracion
Proyecto de Informatica
Proyecto de Informatica
Desp 3098
Desp 3098
Ähnlich wie Lahme Websites - ein Konzepterproblem. ux congress 2015
HTML5 Update [Vortrag bei der NZZ]
HTML5 Update [Vortrag bei der NZZ]
Namics – A Merkle Company
Webapplikationen der Zukunft - HTML5 und CSS3 auf dem iPhone
Webapplikationen der Zukunft - HTML5 und CSS3 auf dem iPhone
die.agilen GmbH
HTML5 Update (am Internet-Briefing)
HTML5 Update (am Internet-Briefing)
Namics – A Merkle Company
tekom regional: Technische Dokumentation auf mobilen Endgeräten
tekom regional: Technische Dokumentation auf mobilen Endgeräten
Georg Eck
PlattformTV - Rundfunk als Service
PlattformTV - Rundfunk als Service
Bertram Gugel
Modernisierung in Zeiten wie diesen
Modernisierung in Zeiten wie diesen
enpit GmbH & Co. KG
HTML5 Video vs. Flash Video [paper]
HTML5 Video vs. Flash Video [paper]
Jakob
VDC Newsletter 2009-11
VDC Newsletter 2009-11
Virtual Dimension Center (VDC) Fellbach
Frontend-Performance mit PHP
Frontend-Performance mit PHP
Frank Kleine
Frontend-Performance @ IPC
Frontend-Performance @ IPC
Nico Steiner
28. Treffen - Christian Pfahl - Agile Softwareentwicklung und Architektur-Dok...
28. Treffen - Christian Pfahl - Agile Softwareentwicklung und Architektur-Dok...
.NET User Group Rhein-Neckar
Neos CMS - das Kompendium (Version 2.0.0)
Neos CMS - das Kompendium (Version 2.0.0)
die.agilen GmbH
Top 10 Internet-Trends
Top 10 Internet-Trends
Namics – A Merkle Company
3d mit Python (PythonCamp)
3d mit Python (PythonCamp)
Martin Christen
Site Speed am Limit - Campixx 2015
Site Speed am Limit - Campixx 2015
Walter Andreas Pucko
VDC Newsletter 2008-10
VDC Newsletter 2008-10
Virtual Dimension Center (VDC) Fellbach
VIT 1-2014
VIT 1-2014
Volkmar Langer
G&L Tech News 02/17
G&L Tech News 02/17
G&L Geißendörfer & Leschinsky GmbH
Elastic Compute Cloud: Darf es noch ein Server mehr sein?
Elastic Compute Cloud: Darf es noch ein Server mehr sein?
Lothar Wieske
Mojo, Twitter und Konsorten
Mojo, Twitter und Konsorten
Philipp Naderer
Ähnlich wie Lahme Websites - ein Konzepterproblem. ux congress 2015
(20)
HTML5 Update [Vortrag bei der NZZ]
HTML5 Update [Vortrag bei der NZZ]
Webapplikationen der Zukunft - HTML5 und CSS3 auf dem iPhone
Webapplikationen der Zukunft - HTML5 und CSS3 auf dem iPhone
HTML5 Update (am Internet-Briefing)
HTML5 Update (am Internet-Briefing)
tekom regional: Technische Dokumentation auf mobilen Endgeräten
tekom regional: Technische Dokumentation auf mobilen Endgeräten
PlattformTV - Rundfunk als Service
PlattformTV - Rundfunk als Service
Modernisierung in Zeiten wie diesen
Modernisierung in Zeiten wie diesen
HTML5 Video vs. Flash Video [paper]
HTML5 Video vs. Flash Video [paper]
VDC Newsletter 2009-11
VDC Newsletter 2009-11
Frontend-Performance mit PHP
Frontend-Performance mit PHP
Frontend-Performance @ IPC
Frontend-Performance @ IPC
28. Treffen - Christian Pfahl - Agile Softwareentwicklung und Architektur-Dok...
28. Treffen - Christian Pfahl - Agile Softwareentwicklung und Architektur-Dok...
Neos CMS - das Kompendium (Version 2.0.0)
Neos CMS - das Kompendium (Version 2.0.0)
Top 10 Internet-Trends
Top 10 Internet-Trends
3d mit Python (PythonCamp)
3d mit Python (PythonCamp)
Site Speed am Limit - Campixx 2015
Site Speed am Limit - Campixx 2015
VDC Newsletter 2008-10
VDC Newsletter 2008-10
VIT 1-2014
VIT 1-2014
G&L Tech News 02/17
G&L Tech News 02/17
Elastic Compute Cloud: Darf es noch ein Server mehr sein?
Elastic Compute Cloud: Darf es noch ein Server mehr sein?
Mojo, Twitter und Konsorten
Mojo, Twitter und Konsorten
Lahme Websites - ein Konzepterproblem. ux congress 2015
1.
Jens Jacobsen benutzerfreun.de @benutzerfreund Lahme Websites
– ein Konzepter-Problem ux congress 2015 Frankfurt, 19.10.2015
2.
Lade Folie 2
von 299…
3.
Lade Folie 3
von 299…
4.
Lade Folie 12
von 299…
5.
Lade Folie 299
von 299…
6.
Schöne neue Technikwelt
7.
Fortschritt
8.
9.
10.
11.
12.
13.
14.
15.
16.
Courtesy of Ray
Kurzweil and Kurzweil Technologies, Inc.
17.
Stillstand & Rückschritt
18.
Nov 2010 Titel 0 % 25 % 50 % 75 % 100 % 0–1 1–2
2–3 3–4 1 %4 %15 % 79 % Seitengröße bei archive.org in MB Titel 0 % 25 % 50 % 75 % 100 % 0–1 1–2 2–3 >3 17 %14 % 28 % 41 % Okt 2015
19.
Nov 2010 Titel Bilder 68 % Sonstige 4 % Scripts 18 % CSS 4 % HTML 6 % Anteil der
Seitenelemente an Gesamtgröße bei archive.org Okt 2015 Titel Video 8 % Bilder 63 % Fonts 5 % Scripts 17 % CSS 4 % HTML 3 % 0,7 MB 2,0 MB
20.
21.
22.
23.
24.
Website Ladedauer (DSL) [Sek] visuell vollständig (DSL)
[Sek] Ladedauer (3G) [Sek] visuell vollständig (3G) [Sek] ebay.de 6,8 3,1 27,8 10,9 amazon.de 9,9 4,8 28,5 15,9 de.wikipedia.org 1,4 1,1 4,9 5,5 faz.net 11,1 10,0 39,0 34,9 spiegel.de 8,8 5,8 26,1 19,9 paypal.com 7,9 6,9 25,7 25,7
25.
Ladezeit Webseiten 0 5 10 15 20
26.
Alles nicht so
schlimm?
27.
Warum Geschwindigkeit zählt •
Yahoo: 0,4 Sekunden schneller = 9% mehr Traffic • Amazon: 0,1 Sekunden schneller = 1% mehr Umsatz • Shopzilla: 5 Sekunden schneller = 25% mehr Seitenaufrufe, bis zu 12% mehr Umsatz • AOL: schneller = mehr Seitenaufrufe/Besuch • Aberdeen Group: 1 Sekunde langsamer = 11% weniger Seitenaufrufe, 7% weniger Konversion
28.
• Google: 2%
langsamer = 2% weniger Nutzung der Suche • Ladegeschwindigkeit = Rankingfaktor
29.
30.
Wahrnehmungsschwelle: 0,1 Sekunden
31.
Wartezeit: >2 Sekunden
32.
Neue Aufgabe: 10 Sekunden
33.
Was können Konzepter
tun?
34.
Abwarten?
35.
Die Technik soll’s
richten. • Netzwerktechnologie/Endgeräte/-Anschlüsse • Kompression • Caching • Content Delivery Network • http2
36.
Mithelfen!
37.
1. Schritt zur
Besserung: Erkenntnis
38.
• webpagetest.org • YSlow
39.
2. Schritt:Wissen schaffen
40.
41.
Lara Hogan: Designing
for Performance. Weighing Aesthetics and Speed
42.
The RAIL Performance
Model Web Fundamentals, Google Developers
43.
3. Schritt: Konzeption
ändern
44.
Erst Nachdenken. Dann Bilder
&Video vorsehen.
45.
46.
47.
Programmierer so früh
wie möglich einbinden
48.
So früh wie
möglich Prototypen mit echtem Code testen
49.
Unter Real-Bedingungen testen
50.
4. Schritt: Performance-Budget
51.
52.
53.
Twitter: @benutzerfreund Blog: www.benutzerfreun.de Danke
schön.
Jetzt herunterladen