1 / 14

Web Performance Toolbelt

Web Performance Toolbelt. Jeremy Solarz @jeremysolarz. 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. Frontendtime.

aizza
Download Presentation

Web Performance Toolbelt

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. Web Performance Toolbelt Jeremy Solarz @jeremysolarz 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 Web Performance Group @ Meetup

  3. Frontendtime http://stevesouders.com/docs/velocity-20090622.ppt Web Performance Group @ Meetup

  4. 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 Yahoo’s Rules http://developer.yahoo.com/yslow/help/#guidelines Web Performance Group @ Meetup

  5. YSlow www.orf.at Web Performance Group @ Meetup

  6. 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 Gooles Rules http://code.google.com/speed/page-speed/docs/rules_intro.html Web Performance Group @ Meetup

  7. Pagespeed www.orf.at Web Performance Group @ Meetup

  8. HTTP Watch www.orf.at Web Performance Group @ Meetup

  9. DynaTrace not by Me ;) Web Performance Group @ Meetup

  10. Google Profiler www.orf.at Web Performance Group @ Meetup

  11. HAR • Http Archive Specification • http://groups.google.com/group/http-archive-specification • JSON Format • Export • http://www.stevesouders.com/blog/2009/10/19/http-archive-specification-firebug-and-httpwatch/ Web Performance Group @ Meetup

  12. Need quick example? See quickly how components interact… • http://stevesouders.com/cuzillion/ Example 1: http://bit.ly/pX0Q9I Example 2: http://bit.ly/oXUKzk Web Performance Group @ Meetup

  13. ? Web Performance Group @ Meetup

  14. Last words Please review the Meetup on Meetup.com Next Meetup => Thursday, November 3th 2011 Web Performance Group @ Meetup

More Related