How to improve your website load time

blog.boxedice.com

26 points·dmytton··7 comments

Actually, there are a few more ways to speed things up:

1. Let’s make the web faster (by Google): http://code.google.com/speed/articles/

2. Implement the recommendations at WebPageTest – http://www.webpagetest.org/test

Also, install yslow for firefox: http://developer.yahoo.com/yslow/

WebPageTest is essentially a hosted/online version of YSlow and Firebug.

I've been playing around with webpagetest.org for the last hour or two and the results are really quite good (in other words, there were a lot of optimizations that I overlooked).

For instance, here is HNs report: http://www.webpagetest.org/result/090808_21KF/1/performance_...

(not sure if that link works when published), it suggests that HNs .css files do not have their cache headers set properly.

Oh come on, these things come up all the time and should be common knowledge already. And even worse, this linkbait article is not mentioning deflating/gzipping text-files (html, css, js, etc).

And now I was curious and played with their site.

Optipng cut 20% off the iphone.png (originally 37 Kilobytes). But by simply using JPEG you get a file of just about 10 Kilobytes.

If you want to go even further you could combine the images per row (eg http://www.serverdensity.com/img/screenshots/viewserver-smal... and http://www.serverdensity.com/img/screenshots/serversnapshot-...) and use an image map for the links.

PS: You are scaling those images in the browser. That looks incredibly bad, don't do that! Very noticable on the terminal shot. ;-)

If you are not gzipping, this will give the most benefit for you efforts. Pretty bogus title. Could have easily been 100% if you had it running on your local machine. The things your mentioned are yslow recommendations.

Reply on news.ycombinator.com