Frontend Performance

Frontend Performance Ralph von der Heyden Saturday, February 28, 2009

Über mich: Wirtschaftsinformatiker Spaß an Ruby on Rails Master’s thesis über Frontend-Performance Ab Mai bei XING Saturday, February 28, 2009

Warum das Frontend optimieren? Frontend: Alles das, was nicht Backend ist :) Macht ca. 90% der Endbenutzer-Zugriffszeit aus Verdoppelung der Backend-Geschwindigkeit: 5% kommen beim User an Verdoppelung der Frontend-Geschwindigkeit: 47,5% kommen beim User an Es ist leicht! Saturday, February 28, 2009

Wie macht man das? Weniger Requests Kleinere Requests Andere Tricks Saturday, February 28, 2009

Weniger Requests Stylesheets und JavaScripts zusammenfassen stylesheet_link_tag ['st1', 'st2'], :cache => quot;stylequot; Spriting Clientseitiges Caching optimieren Redirects vermeiden Saturday, February 28, 2009

Kleinere Requests gzip Miniﬁcation und Obfuscation Das richtige Bildformat wählen, z.B. PNG JavaScripts und Stylesheets extern Cookies optimieren Saturday, February 28, 2009

Andere Tricks Asset-Hosts Content Delivery Network (CDN) Google AJAX Libs Requests zerlegen Vom Benutzer wahrgenommene Geschwindigkeit optimieren Saturday, February 28, 2009

Weapon of choice: YSlow Firebug-Plugin Performance Grade mit Verbesserungsvorschlägen Wie groß ist meine Website? Aufgeteilt in HTML, JS, CSS, Bilder... Mit leerem und mit vollem Cache Weitere Tools wie All JS/CSS Saturday, February 28, 2009

Fragen? Saturday, February 28, 2009

Danke! Saturday, February 28, 2009

@ralph http://rvdh.de http://blog.rvdh.de Saturday, February 28, 2009

http://blog.rvdh.de	37
http://anonymouse.org	1
http://localhost:4000	1
http://wiki.getranet.com	1
http://www.slideshare.net	1
http://rvdh.de	1

Frontend Performance

by Ralph von der Heyden on Feb 28, 2009

Accessibility

Tags

Upload Details

Usage Rights

6 Embeds 42

Statistics

Frontend Performance — Presentation Transcript