Programming
Article

OSCON 2007: High Performance Web Pages

By Matthew Eernisse

Steve Souders is Chief Performance Yahoo at Yahoo.

Talk focused on optimizing performance of client-side code, which — surprisingly — makes up 80-90% or more of the user wait time.

Steve ran quickly through 13 basic rules for high-performance Web sites:

  1. Make Fewer HTTP Requests
  2. Use a Content Delivery Network
  3. Add an Expires Header
  4. Gzip Components
  5. Put CSS at the Top
  6. Move Scripts to the Bottom
  7. Avoid CSS Expressions
  8. Make JavaScript and CSS External
  9. Reduce DNS Lookups
  10. Minify JavaScript
  11. Avoid Redirects
  12. Remove Duplicate Scripts
  13. Configure ETags

Articles on techniques for all these rules are available online at Exceptional Performance on the Yahoo Developer Network.

Steve also introduced the YSlow add-on for Firefox, that integrates with Firebug to analyze your pages according to the 13 rules and help you optimize your pages’ performance.

Meet the author

No Reader comments

Recommended

Learn Coding Online
Learn Web Development

Start learning web development and design for free with SitePoint Premium!

Get the latest in Front-end, once a week, for free.