4 ms·

The North Face website speed case study.

43 points by dunkjmcd 16y ago

deleted 16y ago
[deleted]
aresant 16y ago
Building on this - everything you ever wanted to know about website speed and its impact on conversion rate: http://www.webperformancetoday.com/2010/06/15/everything-you-wanted-to-know-about-web-performance/ http://www.webperformancetoday.com/2010/06/15/everything-you...
minouye 16y ago
Quick summary of the author's recommendations: 1. Consolidate separate JS files 2. Use a single image sprite 3. Load elements from a separate domain 4. Set max-age header for files to at least an hour Any idea of what kind of performance bump could I expect from implementing this (assuming a similar profile to The North Face example)? I'd be interested in retooling some projects, but I'd only put in the time if the differences are material.
- gruseom 16y ago
  The definitive treatment of every item on that list, and more, is Steve Souders' book (http://www.amazon.com/High-Performance-Web-Sites-Essential/dp/0596529309 http://www.amazon.com/High-Performance-Web-Sites-Essential/d...) Get it immediately and do what he says. In my experience, the differences are very material. The one thing I would add is: wherever possible, give resources immutable URLs (that is, when a resource changes, change its URL) and tell the browser to cache them not for an hour but forever. This saves endless wailing and gnashing of teeth on both sides of the browser-cache abyss (i.e. things not being cached when you want them to and -- much worse -- things being cached when you don't want them to). Seriously, this rule changes misery to joy. p.s. While copying the above link I noticed that Souders published a sequel (Even Faster Web Sites). Who here has read it? Can you report how good it is?
  - dunkjmcd 16y ago
    Even Faster is mostly JavaScript and image optimisations. Not quite the holy Grail of the first book but a good one to have in your collection none the less.
- anto1ne 16y ago
  even faster summary: install yslow and PageSpeed, follow recommendations. I've seen enormous improvements on site which didn't follow any of this rules, something like load time divided by 2 or more, but of course it depends how bad is the site you start with.
  - dunkjmcd 16y ago
    Those plugins are great but you really need to look at the waterfall breakdown of your site to really grasp where best to spend your time. The net panel in firebug can be amazingly helpful at showing you where blocking and latency is causing the most grief.
MJR 16y ago
27 JS files including jQuery and Prototype!? Someone at North Face needs to do some refactoring, minify their code and figure out how to use one library instead of two.

43 points by dunkjmcd 16y ago

deleted 16y ago

[deleted]

Building on this - everything you ever wanted to know about website speed and its impact on conversion rate: http://www.webperformancetoday.com/2010/06/15/everything-you-wanted-to-know-about-web-performance/ http://www.webperformancetoday.com/2010/06/15/everything-you...

minouye 16y ago

Quick summary of the author's recommendations: 1. Consolidate separate JS files 2. Use a single image sprite 3. Load elements from a separate domain 4. Set max-age header for files to at least an hour Any idea of what kind of performance bump could I expect from implementing this (assuming a similar profile to The North Face example)? I'd be interested in retooling some projects, but I'd only put in the time if the differences are material.

gruseom 16y ago
The definitive treatment of every item on that list, and more, is Steve Souders' book (http://www.amazon.com/High-Performance-Web-Sites-Essential/dp/0596529309 http://www.amazon.com/High-Performance-Web-Sites-Essential/d...) Get it immediately and do what he says. In my experience, the differences are very material. The one thing I would add is: wherever possible, give resources immutable URLs (that is, when a resource changes, change its URL) and tell the browser to cache them not for an hour but forever. This saves endless wailing and gnashing of teeth on both sides of the browser-cache abyss (i.e. things not being cached when you want them to and -- much worse -- things being cached when you don't want them to). Seriously, this rule changes misery to joy. p.s. While copying the above link I noticed that Souders published a sequel (Even Faster Web Sites). Who here has read it? Can you report how good it is?
- dunkjmcd 16y ago
  Even Faster is mostly JavaScript and image optimisations. Not quite the holy Grail of the first book but a good one to have in your collection none the less.
anto1ne 16y ago
even faster summary: install yslow and PageSpeed, follow recommendations. I've seen enormous improvements on site which didn't follow any of this rules, something like load time divided by 2 or more, but of course it depends how bad is the site you start with.
- dunkjmcd 16y ago
  Those plugins are great but you really need to look at the waterfall breakdown of your site to really grasp where best to spend your time. The net panel in firebug can be amazingly helpful at showing you where blocking and latency is causing the most grief.

MJR 16y ago

27 JS files including jQuery and Prototype!? Someone at North Face needs to do some refactoring, minify their code and figure out how to use one library instead of two.