Having a responsive web design is one of the ranking factor for Google. It has more to do with the user experience. According to Google, people are five times likely to leave a site if it is not responsive.

With the sudden increase of smart phone and tablet users, it is important for you to have your site which can be easily accessed in all those devices. Of course you can have websites designed for each of those devices but in that case the site has to detected and redirected for each of those devices which takes time to load for it. Also, new devices may be emerging and you have to code for your site for those devices.

But with responsive web design you don’t need to have a separate site for each device. One single site can fit according to the device. Imagine if you need to scroll a site from left to right time and again  to check the site in a smart phone, won’t it be a little bit problem for you.

When Baines and Ernst adopted Responsive web design then they saw the following results:

  • The visit on mobile device increased by 11%.
  • Bounce rate decreased by 8%.
  • Mobile conversion increased by 51%.

Please note that a site may have a mobile design but it may not be responsive as it won’t be designed for other devices such as iPads or phablets.

But when we are talk about responsive design we are mostly talking into consideration about sites that fit in smartphones as that is the device beside a computer that people use to visit the sites.

How to check whether your site is responsive or not

Manually

If you want to check the responsiveness of a site manually then at first restore the browser by clicking on the restore button.

restore button

Now you can drag the browser width wise to make it small or big and check whether all of the content of a site, whether it may be text or images, fits inside the windows of the browser. If it fits it is responsive, if not then it is not a responsive site.

Responsive site below

responsive

 

 

Not a Responsive site

no responsive

Below are eighteen sites that helps you to check whether your site is responsive or not. Some of them will give the responsiveness of your site in numbers, some will inform you whether you have a responsive design or not and some will emulate or show how your site exactly looks like in different devices so that you can exactly know how is your site.

1. Google mobile Friendly testing site

With this Google site you can test the mobile friendliness as well as the the loading time for your site for both mobile and desktop. You get the score out of 100. Higher the score better it is.

googelmobilefriendly

If you see the result above the mobile friendliness of the site kundanstech is good, speed for mobile is poor and for desktop is fair.

Now see the result below.

nepalisite

The mobile friendliness of the site nepalisite is poor, mobile speed is poor and desktop speed is fair.

If you have a poor score then it can suggest you how to fix it.

fixing

 

2. Google webmasters mobile friendly test

Like above, Google webmaster tools mobile friendly site helps you to find whether your site is mobile friendly or not. It doesn’t give you a score like above. It shows you whether the site is mobile friendly or not. Also it shows you what things are wrong in your site.

 

not mobilefriendly

 

mobilefriendly

Now below are some of the responsive design emulator sites which helps you to see how your site looks in different devices.

If you can see the text and the images of your site adjusted according to different devices then your site is responsive. If the text doesn’t fit and hides then your site is not responsive.

3. Ready.mobi

This site helps you to check how your site looks in different devices such as desktop and different size phones.

mobireadi

You can see the mobile ready score of your site.

score

You can see the results of your site where you have passed and where you need to pay attention to.

result

4. Responsive design checker

With this site you can see how your site looks in different devices. If the text of your site fits in all the devices then it is responsive.

responsive design checker

5. Am I responsive design

This shows you how your site looks in desktop, tablet and mobile.

am i responsive

6. Responsinator

It emulates your site in different devices such as computer, iPad, android phone and in iPhone You need to scroll down to check to see how it looks.

7. Studiopress

With Studio press responsive design tester you can see how the site looks in different screen size. You can scroll the horizontal bar to see more screen sizes.

studiopress

8. Mobile test

With this site you have the option to select one device at a time and check how it looks eg. iPhone 5s, HTC etc.

Click the desired device and check how your site looks. All of the text, images should fit in all of the devices to make it responsive.

mobile test

9. Browser stack

Click on the desired device and check how your site looks.

browserstack

10.Screenlfy from quirktools

Check this site to find how your site looks in different size desktops, android and iPhone mobile phone, tablets and TV sizes. Also you can input custom size.

screenfly

11. Responsimulator

This site helps you to check how your site looks in iPhone and iPad.

respnsimulator

 

responsimulator

 

12. Semalt design

Use this site to check how your site looks in android, iphone, ipad in landscape or portrait mode.

13. Screen check by Cybercrab

You can click and select which devices you want and check how your site looks.

screencheck

14. Responsivetest

Either you can enter the custom sizes or you can select different devices such as phones, tablets, desktops or TV screen size.

responsivetest

15. Viewlike

You can enter the site and then you have to click on “Test in Device” button. Then you can select different phone size or tablet size.

viewlikeus

16. Website Grader

This site shows you how you score in different factors such as Performance, Mobile, SEO and security.

websitegrader

17. isresponsive

You can check how your site looks in different models of iPhone and iPad.

isresponsive

18. Responsive design test

With this site you can test your site according to width wise or in devices such as iPhone and iPod in portrait or landscape mode. Also you can directly click on the pixel size.

responsivedsigntest

So, go ahead and test your site for responsiveness. If you don’t have then it is high time you should incorporate it for your site.