• Save
Top Web 2.0 Performance Probleme
Upcoming SlideShare
Loading in...5
×
 

Top Web 2.0 Performance Probleme

on

  • 543 views

Die JavaScript-Engine wurde zum kritischen Teil einer Webanwendung. AJAX ist jener Ansatz, der es uns erlaubt, Nachrichten asynchron zwischen Browser und Server auszutauschen. Diese neuen Technologien ...

Die JavaScript-Engine wurde zum kritischen Teil einer Webanwendung. AJAX ist jener Ansatz, der es uns erlaubt, Nachrichten asynchron zwischen Browser und Server auszutauschen. Diese neuen Technologien öffnen nicht nur neue Möglichkeiten - zu leicht ist es Fehler zu machen, die zu drastischen Performanzproblemen führen können. In dieser Session bekommen Sie einen detaillierten Überblick über die Top-5-Performanceprobleme die mit JavaScript/AJAX gemacht werden und erfahren, wie man diese Probleme verhindern kann.

Presented by Andi Grabner, Technology Strategist, dynaTrace-Compuware Center of Excellence, at the Java Forum in Stuttgart, July 2011

Statistics

Views

Total Views
543
Views on SlideShare
543
Embed Views
0

Actions

Likes
0
Downloads
0
Comments
0

0 Embeds 0

No embeds

Accessibility

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Top Web 2.0 Performance Probleme Top Web 2.0 Performance Probleme Presentation Transcript

  • Top Web 2.0 Performance Probleme
  • Warum Web Performance wichtig ist?
  • Umsatz, Loyalität und Reputation sind gefährdet
  • Die Auswirkungen durch Studie belegt Unmittelbar Langfristig
  • Die Top Probleme die wir uns nun ansehen• Langsame CSS Selektoren auf „älteren“ Browsern • http://blog.dynatrace.com/2009/11/09/101-on-jquery-selector-performance/ • http://blog.dynatrace.com/2009/11/30/101-on-prototype-css-selectors/• Veraltete JavaScript Libraries • http://www.dzone.com/links/r/how_bad_outdated_javascript_libraries_are_for_pag.html• Zu viel AJAX/XHR Communication • http://blog.dynatrace.com/2010/08/12/ajax-best-practices-reduce-and-aggregate-similar- xhr-calls/ • http://blog.dynatrace.com/2011/03/04/real-life-ajax-troubleshooting-guide/• Aufwändige DOM Manipulationen • http://blog.dynatrace.com/2010/04/14/week-15-optimizing-data-intensive-webpages-by- example/• Klassiker: Zu viele Ressourcen, Schlechtes Caching • http://blog.dynatrace.com/2010/06/04/hands-on-guide-verifying-fifa-world-cup-web-site- against-performance-best-practices/
  • Langsame CSS Selektoren Nicht optimiert für spezifische Browser 6
  • Veraltete JavaScript Libraries Alte JavaScript Libraries mit signifikanten Performanceproblemen
  • Veraltete JavaScript Libraries (2)
  • Veraltete JavaScript Libraries (3)
  • Zu viele AJAX/XHR Calls
  • Zu viele AJAX/XHR Calls (2)
  • Aufwändige DOM Manipulation
  • Die Klassiker – zu viele Ressourcen Zu viele Resourcen, Nicht optimierte Inhalte 13
  • Die Klassiker – kein Caching Kein Caching oder keine CDNs 14
  • Weitere Ressourcen• Interessante Links • Steve Souders: http://stevesouders.com • John Resig: http://ejohn.org/ • Web 2.0 Blogs: http://blog.dynatrace.com/ajax • Web Performance Conference: http://velocityconf.com• Tools • dynaTrace Ajax for IE und FF: http://ajax.dynatrace.com • YSlow for Firefox: http://developer.yahoo.com/yslow/ • PageSpeed for Chrome: http://code.google.com/speed/page-speed/
  • Download the latest Application Performance almanac: Web | Cloud | DevOps | Mobile | Automation | Tuningwww.dynatrace.com/almanac