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.
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.
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.
Share this
Related Posts
Traffic Exchange Widgets - Wahoha vs MGID vs 2Leep vs ZapArena...Updated on 21st September, 2016: Although some sites mentioned here, like Zaparena, BlogExplosion and EntreCard no long
How to Make Your Content Perform Again and Again
This is one of the best posts by Lindaw Foreshaw, that will take your attention to your own posts giving them a makeov
Google PageRank Updated - 31st December 2008As expected the Google PageRank update has finally been made, in the last week of December-2008, so this is the last Go
Highlight Text In Posts Through Colored HTML Text BoxesBy highlighting specific regions of your post/article, you make it easier for your readers to understand the post in a
13 comments
Write commentsThanks for the Great Info....
ReplyThanks for the info...........
ReplyVisit my site and please tell me your opinion
http://access-xperia.blogspot.com
I already do that since the first time I build my blogs. And the results is amazing, they all works perfectly and loads fast.
Replyhhhhhiiiiiiiiiiiiiiiiiiiii
]
ReplyI have been looking for this tpye of service 'cause my users were complaining about compatability of my site with diff resolutions and browsers.
ReplyThanks very much
Does alexa see pageviews of a blog ?
ReplyWith 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.
ReplyThanks good post I will check out my photo blog and see how compatible it is. Bookmarked it aswell!
ReplyThis is great! I am going to introduce your blog in my blog...
ReplyThank you so much for doing that
ReplyThanks for the wonderful info. Will preserve it for my future blogs too
Replyhi 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
Reply@Vicky
ReplyThe 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...
Comments are moderated on this blog
Allowed HTML tags: <b>, <i> and <a>
Comment Like This! and Optimize your blog EmoticonEmoticon