October 14, 2009

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.



13 comments:

Search DDL said...

Thanks for the Great Info....

RAZE1392 said...

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

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

Reza Winandar said...

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 said...

hhhhhiiiiiiiiiiiiiiiiiiiii
:)]

Jeevanjacobjohn said...

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 said...

Does alexa see pageviews of a blog ?

Sai @ Blogger Help said...

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 said...

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

murmurbird said...

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

Divya Sai said...

Thank you so much for doing that :)

Conauction said...

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

CooL VicKy said...

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 said...

@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...

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

comment on this post Share Your Views

Allowed HTML tags: <b>, <i> and <a>

Join and share your views with other bloggers at BloggerStop Community

Comment Like This! and Optimize your blog...

SPAMMER OF THE MONTH: www[.]TopRankLinks[.]com

Next Post Homepage Previous Post

Regular Readers


What They Say...

Divya Sai is the ingenious webmaster of Bloggerstop.Net. Divya is extremely patient, knowledgeable and responsive... Bloggerstop.net has an abundance of articles on creating widgets, templates, hacks and ways to make your blog search engine friendly.
- Stacey @Pets With Allergies
I stumbled onto a great site. Sai, over at Bloggerstop.net has helped me tremendously and with great patience...for any and all questions regarding computer issues. And again, THANK YOU Sai.
- Cheryl @Cmash Loves To Read

More Here...

Popular Posts

Get this widget

| © 2010 BloggerStop.net | Blogger Widgets | Template by Dicas Blogger | Enhanced By Divya Sai | Privacy Policy