Download presentation
Presentation is loading. Please wait.
Published byConnor Schultz Modified over 11 years ago
1
Web Performance Group @ Meetup 1 Web Performance Toolbelt Jeremy Solarz @jeremysolarz
2
Web Performance Group @ Meetup 2 What next? Where is the time? Remember the Rules?! Toolbelt –YSlow –Pagespeed –HTTP Watch (Free / Prof Version) –DynaTrace => we will have a guest speaker –Google Profiler –HAR
3
Web Performance Group @ Meetup 3 Empty CachePrimed Cache www.aol.com97% www.ebay.com95%81% www.facebook.com95%81% www.google.com/search47%0% search.live.com/results67%0% www.msn.com98%94% www.myspace.com98% en.wikipedia.org/wiki94%91% www.yahoo.com97%96% www.youtube.com98%97% http://stevesouders.com/docs/velocity-20090622.ppt Frontendtime
4
Web Performance Group @ Meetup 4 Yahoos Rules Minimize HTTP Requests Use a Content Delivery Network Add an Expires or a Cache- Control Header Gzip Components Put StyleSheets at the Top Put Scripts at the Bottom Avoid CSS Expressions Make JavaScript and CSS External Reduce DNS Lookups Minify JavaScript and CSS Avoid Redirects Remove Duplicate Scripts Configure ETags Make AJAX Cacheable Use GET for AJAX Requests Reduce the Number of DOM Elements No 404s Reduce Cookie Size Use Cookie-Free Domains for Components Avoid Filters Do Not Scale Images in HTML Make favicon.ico Small & Cacheable http://developer.yahoo.com/yslow/help/#guidelines
5
YSlow www.orf.at Web Performance Group @ Meetup 5
6
6 Gooles Rules Avoid bad requests Avoid CSS expressions Combine external CSS Combine external JavaScript Defer loading of JavaScript Enable compression Leverage browser caching Leverage proxy caching Minify CSS Minify HTML Minify JavaScript Minimize request size Minimize DNS lookups Minimize redirects Optimize images Optimize the order of styles and scripts Parallelize downloads across hostnames Put CSS in the document head Remove unused CSS Serve resources from a consistent URL Serve scaled images Serve static content from a cookieless domain Specify a character set early Specify image dimensions Use efficient CSS selectors http://code.google.com/speed/page-speed/docs/rules_intro.html
7
Pagespeed www.orf.at Web Performance Group @ Meetup 7
8
HTTP Watch www.orf.at Web Performance Group @ Meetup 8
9
DynaTrace not by Me ;) Web Performance Group @ Meetup 9
10
Google Profiler www.orf.at Web Performance Group @ Meetup 10
11
HAR Http Archive Specification –http://groups.google.com/group/http-archive- specificationhttp://groups.google.com/group/http-archive- specification JSON Format Export –http://www.stevesouders.com/blog/2009/10/1 9/http-archive-specification-firebug-and- httpwatch/http://www.stevesouders.com/blog/2009/10/1 9/http-archive-specification-firebug-and- httpwatch/ Web Performance Group @ Meetup 11
12
Need quick example? See quickly how components interact… http://stevesouders.com/cuzillion/ Example 1: http://bit.ly/pX0Q9Ihttp://bit.ly/pX0Q9I Example 2: http://bit.ly/oXUKzkhttp://bit.ly/oXUKzk Web Performance Group @ Meetup 12
13
Web Performance Group @ Meetup 13 ?
14
Web Performance Group @ Meetup 14 Last words Please review the Meetup on Meetup.com Next Meetup => Thursday, November 3 th 2011
Similar presentations
© 2024 SlidePlayer.com. Inc.
All rights reserved.