Digital Inspiration

about    faq    contact

How to Completely Test Your Website

You may have developed your website using an expensive “what you see is what you get” editor but there’s no guarantee that site visitors “will get the website as you see it“.

You will need to extensively test the website to ensure that visitors have a comfortable stay and don’t leave your site in a jiffy.  And here are some useful tools to help you completely check your website:

Browsershots is an online service that automatically captures full page screenshot images of your website in various browsers across all different OS platforms. You also have the option to preview the website design in browsers with or without Flash, Java and JavaScript.

browser-screenshots Browsershots is extremely popular and you may therefore have to wait a few minutes for this service to render screenshots of your website.

IE NetRenderer is another service that’s much faster than Browsershots but it can check the rendering only for different versions of Internet Explorer. Mac oriented websites can try BrowsrCamp which is like Browsershots but for the Mac OS browsers only.

To see how your website appears on the small screens of mobile phones like the BlackBerry or Windows Mobile, check out BrowserCam. Another good option is the Opera Simulator that lets you experience a mobile version of Opera from the desktop.

Related: Use Opera Simulator to Unblock Restricted Websites

Some people are still using slow dial-up connections and their population in not insignificant especially in the developing world. You therefore need to make sure that the average loading time of your HTML web pages, along with all the Javascript Ads, Images, CSS, Flash animations, etc., is within reasonable limits.

Pingdom is a free online service that mimics the way a page is loaded in the web browser. It shows statistics (size, loading time) for every object on the web page so you know about the culprits who may slow down the website.

firebug-pingdom

Alternatively, you could use Firebug in Firefox to detect elements on your web page that are increasing the load time of your web pages (press F12, Goto All -> Net).

For website and blogs that syndicate content via RSS feeds, load the website in IE or Firefox and look for that orange XML icon near the browser address bar. This ensures that other online services can successfully auto-discover RSS feeds give your site address.

rss-feeds-autodiscovery

If you have added email forms to your website (like Contact Us, or Suggest a friend) - try some combinations in the form address field. For instance, is the email message delivered successfully if visitors add a semicolon instead of a comma to separate two or more email addresses.

You may also want to print some of your web pages to the local printer or save them as PDF to ensure that the Print CSS of your site is stripping the non-essential stuff like the sidebars and the ads.

 

For accessibility, load the website inside html2txt to ensure that screen readers can interpret your website. This is an online Lynx simulator (text-only browser) and will also help you understand how your website appears to Google spiders and other search engine bots.

And finally, validate your web pages against online HTML validation and clean-up service like the W3C HTML Validator and HTML Tidy. The former service help you check the website for conformance to W3C HTML standards while the latter is for cleaning up HTML source files that contain lot of nested tags.

Email This   Print Article   Save as PDF   Subscribe   Translate 

Published on March 24, 2008 under Internet, Web Design
Tags: , , , ,

Recommended Google Software:

You may also like to read ..

 · Find If Someone Hacked Your WordPress Blog & Changed The Files
 · Windows Internet Explorer 8
 · How to Check If Your Website Is Blocked In China or Not
 · The Best Online Tools To Help You Know Everything About Web Sites
 · The Blog Readability Badge Can Harm Your Website Rankings

Reader Comments

#1 sara 03.24.08

Very useful indeed. I am a web designer working mostly in mac’s and often encountered with the browser specific coding issues. Yea, IE NetRenderer proves to be very useful. Also creating printer friendly pages are quite useful for newbies and novice web designers. Good one.
Thanks. Keep going.

#2 Eran Ben Sabat 03.24.08

Great post. I would like to add YSlow as well.

“YSlow analyzes web pages and tells you why they’re slow based on the rules for high performance web sites. YSlow is a Firefox add-on integrated with the popular Firebug web development tool.”

To install YSlow click this link: http://developer.yahoo.com/yslow/

Cheers

Eran

#3 Ketan 03.24.08

YSlow(http://developer.yahoo.com/yslow/) for firebug further analyzes any web page and generates a grade for each rule and an overall grade. If a page can be improved, YSlow lists the specific changes to be made.

#4 Sonny Gauran 03.24.08

YSlow! But browsershots … i don’t see much help with that, but a “quick and dirty” solution. :D

Nice work! :D

#5 Anne H 03.24.08

Nice resource list. One I didn’t see mentioned that might help people is by AOL. The IE version looks like the Pingdom one, but has more details. It’s also a source forge project. I picked these up in http://www.optimizationweek.com/issues/93/.

The standalone test is at:
http://pagetest.patrickmeenan.com:8080/

#6 Michael 03.24.08

Another resourceful post. Particularly HTML tidy, which will help detect the excess code which is likely to present, as I have also added snippets of html code…

#7 Gunnar Andreassen 03.28.08

I can honestly recommend Pingdom - great services.

#8 Vladimir Dmitryvich 03.31.08

nice set of tools here. haven’t checked out IERenderer yet. will give it a try.

I also use Web Page Analyzer tool from Site24×7 to know my site loading speed

http://site24×7.com/web-page-analyzer.html

#9 Sudhanshu 04.07.08

I have heard good things about Selenium and Watir. These tools are used to test the functionality of your website - you can use it to automate testing of email forms for example, as mentioned in your article.

en.wikipedia.org/wiki/Selenium_(software)
selenium.openqa.org wtr.rubyforge.org

Add a Comment

If you have a question that is not related to the above discussion, please post your question in the message board for quick answers. All comments are moderated.



 

Joing the Facebook Group

Visit Help Central

 

© 2008 Digital Inspiration - Technology, à la Carte | Mobile Edition | Videos | Terms

The articles are copyrighted to Amit Agarwal and can only be reproduced given the author's permission.

My Google  Netvibes  My Yahoo!  Windows Live  Bloglines  Newsgator  

Skip to top of the page ^^