Web Performance Optimization

Vortrag über Web Performance Optimierung auf der Web Insights.
Bei Fragen gerne Kontakt aufnehmen. Daten auf Seite 55 unten rechts :-)

Transcript

1. WEB  PERFORMANCE  OPTIMIZATION Fabian  Lange codecentric  AG
2. WARUM  WPO? 5  Beispiele
3. 400  Millisekunden   9%  Traffic Yahoo
4. Microsoft  Bing 1  Sekunde   56  Millionen  USD  pro  Jahr
5. 4  Sekunden   5%  Käufe Shopzilla
6. 4  Sekunden   10%  Anmeldungen Khan  Academy
7. Amazon 100  Millisekunden   245  Millionen  USD  pro  Jahr
8. Unzufriedenheit 2  Sekunden
9. Web  Performance  Optimization Mehr  Erfolg  durch
10. Ladezeiten Erstens  
11. Codeausführung Zweitens  
12. Standardkompatibilität Drittens  
13. „SEO  -­‐  Search  Engine  Optimization
 ist  ein  Thema  von  Gestern“ Steve  Souders  sagt
14. Seiten  werden  gefunden Google  &  Bing  suchen
15. Gute  Inhalte  dominieren Blogs  beweisen
16. SEO  Voodoo  funktioniert
 nicht  mehr Schamanen  bedauern
17. Es  gibt  viel  Budget  für  SEO Aber
18. WPO  –  Web  Performance  Optimization
 bewältigt  aktuelle  Herausforderungen Steve  hat  Recht
19. Ladezeiten
20. Fragile  Netzinfrastruktur Mobile  Datennetze
21. Hohe  Kosten Mobile  Datennetze
22. Unerwartete  Begrenzungen Verbindungen  &  Datentransfer
23. Wasserfall  Charts Kostenaufstellung
24. Kombination Sprites  &  JavaScript
25. Web  Font Awesome!
26. Kompression Bilder  &  JavaScript
27. Caching Datenübertragung  vermeiden
28. Codeausführung
29. Unvollständige  Seiten hängende  Werbebanner
30. Unbenutzbarkeit viele  Daten,  suboptimaler  Code
31. Nichtverfügbarkeit Servercode  Probleme
32. Nichtanwesenheit Servercode  Probleme
33. Vertrauensverlust Nicht  reagierender  Zahlungsdienst
34. Browserkrieg  2.0 Schneller,  höher,  weiter
35. Nicht  Blockieren Google  Async  Loader  &  Require.js
36. JavaScript  Profiling Chrome
37. JavaScript  Profiling Firebug  
38. JavaScript  Profiling Internet  Explorer
39. Enduser  +  Mobile  Monitoring Crittercism
40. Application-­‐Monitoring AppDynamics
41. Java  Profiling JProfiler
42. PHP  Profiling Xdebug
43. Ruby  Profiling ruby-­‐prof
44. Standardkompatibilität
45. Browserkrieg  1.0 Interoperabilität
46. Browserkrieg  3.0 Interoperabilität
47. Browserkrieg  3.0 Performance
48. HTML  5 PC  &  Mobile
49. JavaScript  Frameworks Kompatibilität  dank
50. Ressourcen  Teilen Supercache
51. Best  Practices Yahoo  35,  Google  29
52. Best  Practices One  Stop  Shop
53. Automatische  Optimierung Zukunftsmusik?
54. Messen  &  Handeln Fazit
55. Referenzen Firebug       getfirebug.com   Smart  Sprites  Generator     csssprites.org   Yahoo  UI  Compressor     yui.github.io/yuicompressor     Smush.it       www.smushit.com   Adept  JPG  Compressor     github.com/technopagan/adept-­‐jpg-­‐compressor   RFC  2616  -­‐  HTTP  Spec  (Caching)   www.w3.org/Protocols/rfc2616/rfc2616-­‐sec13.html   Require.js       requirejs.org   Google  Ajax  Libs     code.google.com/intl/de-­‐DE/apis/libraries   Crittercism       www.crittercism.com   AppDynamics     appdynamics.com/free   JProfiler       www.jprofiler.com   Xdebug       www.xdebug.org   WinCacheGrind     sourceforge.net/projects/wincachegrind   ruby-­‐prof       ruby-­‐prof.rubyforge.org   YSlow       developer.yahoo.com/yslow
 Show  Slow       www.showslow.com   Mod_pagespeed     developers.google.com/speed/pagespeed/module @CodingFabian   Fabian.Lange@codecentric.de