New Look for Magento Speed Test, Thanks to Twitter Bootstrap.

February 3, 2012

Today I released the new look for my Magento Speed Test site – it’s a tool for running Siege tests on your Magento stores. The old version looked pretty shit, in hindsight, so this should be a significant improvement. If you’ve met me you’ll know I don’t have a designer bone in my body, so you’d be justified in feeling dubious that I actually put a modern look on Magento Speed Test. The secret was my discovering (albeit months late) the Twitter Bootstrap css framework for web applications. It’s truly brilliant, and the documentation is very helpful – also it’s only one of many open source projects Twitter has made available.

If you look at my new look site and compare it to the standard examples from Twitter you’ll notice I’m not as creative as it might outwardly appear. I do like the simple clean lines and consistent colors provided by default, so I’m sticking with them for now.

Particular Framework Highlights

Some of the best things about the bootstrap framework from my point of view were:

  • Small and easy to include – just one CSS and some optional JS.
  • Consistent buttons as both <a> and <button> markup
  • Predefined and worked examples of grid layouts that work
  • The optional JS can do cool things like emulate #anchor functionality for menus. (self referential source alert!)
  • Simple HTML for most elements made it really easy to convert the old jsp files to the new look

And no real issues to complain about, it just works! Kudos to Twitter, will trade again.

If you haven’t already, go run a test, I bet the results will surprise you!

Ashley

Posts

Hi! I'm Ashley Schroder, a Software Engineer from New Zealand - this is a collection of notes on my experiences with Ecommerce Web Development, particularly Magento Development.

Are Your Customers Getting The Magento Emails You Send?

MageSend Magento Email sending with Amazon SES

I have made a premium Magento Extension called MageSend. MageSend makes it simple and easy to send using Amazon's highly reliable SES email service.

The extension is $99, and comes with a complete money back guarantee, please check it out, I am confident it will resolve any email sending problems with your Magento store.

3 responses to New Look for Magento Speed Test, Thanks to Twitter Bootstrap.

  1. Hi Ashley. Great info.

    Have you started testing these yet “add-to-cart, signup and search testing”?

  2. this looks great, however, with the page caching we have enabled, the pages serve up pretty quickly. Like the previous commenter, we’re most in need of a testing tool that emulates the shopping experience, particularly, “add-to-cart” and “site-search”. Do you have any load testing that can emulate that functionality?

  3. Very nice and useful. However, how does it handle a 503 being returned? I noticed on some of my tests, I was getting WAY better scores with 100 concurrent users, but I’m thinking that the server is just pushing back 503 at a very fast rate? Let me know and thanks!