Pages

Sunday, May 22, 2011

Analyzing Your Site’s Front-End Performance With Just a Browser


The first rule of optimization is to remember you are not optimizing a website but actually optimizing the user experience. According to the research done by Aberdeen Group, a one second delay in rendering a web page resulted in a 7% decrease of conversions. In order to build web applications that meet your performance criteria, you need to know where the bottlenecks occur, what their causes are, and what steps you can take to prevent them.

In this article, we discuss several online tools that you can use to check the performance of your site and to find out where the bottlenecks are. We do not discuss many excellent tools that need to be downloaded and installed on a computer, such as Apache Benchmark or YSlow plugin. The only thing that’s needed for the tests we describe is a browser and an Internet connection. When comparing functionality of these online tools, we ran them against the same website - CNN news (http://www.cnn.com).

1. PageSpeed (http://pagespeed.googlelabs.com/)
Google Page Speed test generates a score out of a maximum of a 100 for your webpage. It can also analyze performance of the webpage when viewed on mobile devices. Along with the score, PageSpeed generates suggestions of how to improve your site’s performance. I’ve found that PageSpeed often generates a large amount of false positives, so I would take these suggestions with a grain of salt.



2. WebPageTest (http://www.webpagetest.org/)

This is my favorite tool to use. WebPagetest is a tool that was originally developed for internal use by AOL but later open-sourced in 2008. It allows to check performance of your site from various geographical locations, using different browsers (IE7,8,9 and Chrome).

Moreover, it provides an extensive optimization check-list which measures your usage of optimization techniques like caching, use of CDN, compression, etc.

3. Gomez Instant Test (http://www.gomeznetworks.com/custom/instant_test.html)

Gomez provides a free tool to check how long it takes to load your website from various geographical locations. It measures characteristics such as DNS lookup time, connection time, first byte interval, content download, etc. It doesn’t provide any recommendations but it can be used to diagnose front-end bottlenecks.


4. Web Services Analysis (http://www.websiteoptimization.com/services/analyze/)

This is a useful tool which computes total object sizes (for javascript, images, stylesheets, etc.), loading times, and provides recommendations on how you an make your site load faster.



5. Browser Shots (http://browsershots.org/)
Finally, performance may depend on the browser and OS you are using.
This site allows you to check how your website will function when viewed on a variety of browsers and OS platforms. While the Browser Shots site won’t help you analyze the bottlenecks, you will be able to see how large the file size is across various browsers, how long it took to load, and if the site looked corrupted.



Reactions:

2 comments:

I've never explored far enough with blogging and this is going to give me an edge with the blogs and pages I make. My California SEO specialist friend also give me helpful tips and I'm glad there's a lot of support I get to improve my craft.

Just check my theseoportal Best seo company website performance on all these tools and feeling happy that it is upto mark on all these tools.

Post a Comment