Presentation is loading. Please wait.

Presentation is loading. Please wait.

Web Performance Meetup 1 Web Performance Toolbelt Jeremy

Similar presentations


Presentation on theme: "Web Performance Meetup 1 Web Performance Toolbelt Jeremy"— Presentation transcript:

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


Download ppt "Web Performance Meetup 1 Web Performance Toolbelt Jeremy"

Similar presentations


Ads by Google