Today, 3.17 billion people worldwide access the Internet, according to a Statista report. Can you guess how many of these people access the Internet on their mobile phones? More than 60% of population access use smartphones to browse the Internet. That is why, as software developers and website creators, it is very important to develop mobile friendly websites, a responsive website.
From Responsive web design basics:
Responsive web design, originally defined by Ethan Marcotte in A List Apart responds to the needs of the users and the devices they’re using. The layout changes based on the size and capabilities of the device. For example, on a phone, users would see content shown in a single column view; a tablet might show the same content in two columns.
As a web developer, how do you know if a website is responsive or not? Fortunately, there are several free and paid tools available to test responsive web design.
In this article, I will list few of these tools that we often use in our web projects.
TestMySite by thinkwithGoogle
TestMySite is one of the coolest tool Google recently launched that lets you test your website for mobile friendliness, performance, and speed on desktop and mobile devices. The tool is powered Google’s Search Console’s mobile friendly feature and PageSpeed Insights.
URL: https://testmysite.thinkwithgoogle.com/
I just checked www.c-sharpcorner.com website with the tool and the results look like the following:
As you can see from the above report, TestMyWebsite not only check the mobile friendliness of a website but also checks for mobile and desktop speed.
Your mobile friendliness and speed results are self explanatory.
MobileTest.me
The mobiletest.me website lets you browse a URL on different device sizes.
http://mobiletest.me/
Select your desired device, type a URL and you are good to go.
Once a website is loaded an emulator, you can browse the website and its functionality.
Semalt.design
Semalt.design is a free responsive to test websites.
http://semalt.design
Once a website is loaded, you will see different device sizes and how your website looks on those sizes. The emulators let you also navigate through website functionality.
Summary
In this article, I talked about three useful and free tools to test responsiveness of your website. Developers and testers should take advantage of these tools to build better web experience.