Check Your WebSite In Different Browsers, Resolutions and Operating Systems

Optimizing your website/blog for all screen resolutions, Internet browsers and operating systems is really important. A conflict of your website with any these parameters may result in an increase in the bounce rate of your blog/website.

The stats facts!

According to the Global Stats from Statcounter, you should optimize your blog/website for these operating systems: Windows XP, Windows Vista, Mac OS X and Windows 7.
And you should make your website/blog compatible with these Internet browsers: Windows Internet Explorer 6 (and 6+), Firefox 2 (and 2+), Opera 9+ and Google Chrome.
And finally the content-area of your website should be clearly visible in these screen resolutions (that means your website should be neither too smaller nor larger than the resolution of your visitor's PC): 1024x768, 1280x1024, 800x600, 1152x864, 1280x800 and also 1600x1200.

The problem you will face
If you want to check and optimize your website for each of the above listed parameter, then it may take hours just to check your website in these different operating systems, browsers and screen resolutions.

Finally the solution
So to make your work simple, here are just four websites, that will help you to visualize your website in different combinations within minutes.

1. Adobe Browser Labs - To check your website in different combinations of operating systems and browsers. (It's Adobe - registration is required).

2. BrowserLing - Check your website on different browsers & versions.

3. BrowserShots - most famous, damn slow and I don't use it anymore !

4. NetRender - A quicker option to check your website in all versions of Internet Explorer.

My Suggestions:
1. Track your website visitors to check, in what operating systems, internet browsers and screen resolutions are they working.
2. Your website must look good in all operating systems, but do not worry much on this.
3. Internet Explorer and Firefox display many html/css elements differently. Like using transparent PNG images in older versions of Internet Explorer is not impossible but quite difficult. So you must check your website in different browsers.
4. Set your websites dimensions (width) near 1000 px. This resolution will suite almost all the screen resolutions. And use background images/colors [download free background images] for those visitors with screen resolution higher than 1000 px.

Blog Admin : Divya Sai

ProBlogger - Inspiring Others Realize Their Dreams!

Google Facebook Twitter More

13 comments

Write comments

Search DDL

October 14, 2009 9:11 AM delete

Thanks for the Great Info....

Unknown

October 14, 2009 9:59 AM delete

Thanks for the info...........

Visit my site and please tell me your opinion
http://access-xperia.blogspot.com

Reza Winandar

October 15, 2009 2:37 AM delete

I already do that since the first time I build my blogs. And the results is amazing, they all works perfectly and loads fast.

niken

October 15, 2009 3:22 AM delete

hhhhhiiiiiiiiiiiiiiiiiiiii
]

Jeevanjacobjohn

October 15, 2009 12:09 PM delete

I have been looking for this tpye of service 'cause my users were complaining about compatability of my site with diff resolutions and browsers.

Thanks very much

Anonymous

October 17, 2009 1:27 AM delete

Does alexa see pageviews of a blog ?

Sai @ Blogger Help

October 17, 2009 4:30 AM delete

With millions(actually billions) of sites already online, sites with exactly the same no. of visitors is not a big deal. So in those cases, site pageviews, pageviews/user and bounce rate etc. are considered to rank the websites.

sbunting108

October 17, 2009 2:38 PM delete

Thanks good post I will check out my photo blog and see how compatible it is. Bookmarked it aswell!

murmurbird

November 14, 2009 10:00 AM delete

This is great! I am going to introduce your blog in my blog...

Divya Sai

November 14, 2009 10:10 AM delete

Thank you so much for doing that

Conauction

February 20, 2010 11:41 AM delete

Thanks for the wonderful info. Will preserve it for my future blogs too

Secret Admirer

July 08, 2010 6:30 AM delete

hi pls help me divya my blog is nt compatible with IE and Opera its showing sidebar at the bottom but its ok with firefox pls tell me wat should i do? how to fix this problem? check my blog at http://watsyourblog.blogspot.com

Sai - Blogger Help

July 10, 2010 2:47 PM delete

@Vicky

The problem is not with your template. I think it is with one/more of your widgets (those which are wider than your sidebar, like the "adbrite ad" and "mybloglog widget")...remove them and see if the problem is solved or not...