RuzeeBorders are much faster now with version 0.8 – The Performance Release.
The kick gave Simon with his hint about using caching strategies to improve speed by drawing a corner only once and reuse that on other DIVs with the same border settings. The new version of RuzeeBorders now exactly does that.
Btw.: Simon’s currently doing a RuzeeBorders based design at/for eurojobs.com. I think it looks pretty cool! Here’s a screen shot:
Now, what exactly are the results? Most of the browsers that I’ve tested render the main page of my blog twice as fast as before now. There’s one browser with a minor improvement: Firefox is only 1.3 times faster… I found a trick to even speed this one up, but that’ll let your page flicker, breaks #comment URLs, and I don’t recommend it (see the RuzeeBorders page for more info). Here are the measurements I did (note that the Safari results are not comparable since I was running the tests remote – the speed boost may be pretty realistic, though):
|Browser||0.7.3 [ms]||0.8 [ms]||speed boost|
|Firefox 1.5||2,000||1,500 (trick: 450)||1.3 (4.4)|
|Safari 2 (remote)||7,450||3,800||1.96|