Web Design

Mastering Yahoo!’s Performance Rules: A Guide

I've compiled an easy-to-apply series on YSlow that will get your WordPress sped up in no time.

All right guys, I know there are already countless articles about speeding up WordPress all over the Google. We’ve all vied for speed when it comes to preventing our fatass blogs from choking our readers’ browsers. The problem is that while the info is definitely out there, it’s not all in one place (at least as far as I’ve browsed). Moreover, there are a couple of specific applications of the speed tricks that haven’t been clearly laid out before (particularly, applying cache-control headers to dynamic images generated by the WordPress Facelift plugin, or the ideal .htaccess settings if your host is MediaTemple). In the interest of time (and laziness, our one true virtue), I’ve compiled an easy-to-apply series on YSlow that will get your WordPress sped up in no time.

First thing’s first:

Download YSlow for Firebug if you haven’t already, then skim over Yahoo!’s article about the thirteen best practices for speeding up your website:

  1. Minimize HTTP Requests
  2. Use a Content Delivery Network
  3. Add an Expires or Cache-Control Header
  4. GZip Components
  5. Put Stylesheets at the Top
  6. Put Scripts at the Bottom
  7. Avoid CSS Expressions (Who uses them anyway?)
  8. Make Javascript and CSS External (Duh.)
  9. Reduce DNS Lookups
  10. Minify Javascript and CSS
  11. Avoid Redirects (I came to your site, not theirs.)
  12. Remove Duplicate Scripts (Duh.)
  13. Configure ETags

I also recommend setting up WP Super Cache after all is said and done.

* Full disclosure: Where do I stand? My front page gets a big fat B (88%) for making you download a lot of crap. YSlow gleefully reports that 32 CSS background images is downright sinful.

YUI Performance Rules

Mastering Yahoo's Performance Rules

Post a Comment

Your Two Cents


Your Comments

0 Replies & Counting

There are no comments yet.