After launching my new site last week, I’ve wanted to take some time to step back and look at front and back-end performance. As some wise twitter sage recently said, “Simple + Measurable = Successful.” I couldn’t agree more.
We also need a way to measure our progress. For testing, I’ll use Apache Bench on the back-end and Yahoo! YSlow and Google Page Speed on the front-end.
Now let’s take a look at our results from YSlow and Page Speed.
Discussion of Initial Results
Wow, 77.663 seconds to serve 1000 requests, for a whopping 12.88 requests per second. Now, I’m not getting flooded with traffic. But if I ever did, lets just say that wouldn’t work. The site needs some serious tweaking on the back-end.
That’s it. Sure, I did a bit of work on my CSS files, simplifying them and concatenating + compressing them. But overall, I let W3 Total Cache do all the heavy lifting. So, what are the results!?
Once again, we’ll look at Apache Bench, YSlow, and Page Speed.
So, with one simple plugin, and a bit of CSS work, I’ve gotten amazing results. On the backend, it took only a quarter of a second to deliver 1000 requests. That’s 300x faster than our initial run! Requests per second went through the roof as well, from 12ish to around 3800. Unreal. The plugin certainly did it’s job on terms of backend performance.
The last thing I need to do is run SpriteMe! on my page to reduce the number of background images being requested. That, and going cookieless for static content, and my site will be about as good as I can get it on a shared hosting service!