What is a website responsive check

6 tools for the responsive web design check

Good responsive web design is now indispensable and yet it is neglected by so many.

If you look at the websites of some companies on your smartphone, you will find that they are either not responsive or have several display errors.

Every web designer knows that a good website also requires extensive testing.

To ensure good quality, the following points should be checked:

  • Responsive check
  • Function tests (slider, forms, order process, etc.)
  • Loading times tests (before and after the relaunch)
  • OnPage Check (before and after the relaunch)
  • Examination of texts by e.g. B. These 5 free analysis tools
  • if necessary, usability tests by other people

However, this article is about responsive web design tests.

But how can the website be checked whether the page is working and being displayed well everywhere?

It is best to have 7 different smartphones, 4 different Ipads and various computers as well as different browsers and operating systems.

However, these many devices not only take up a lot of desk space, they are also good on your wallet.

The manufacturers of Responsive check Tools recognized and I would now like to introduce you to the popular tools for testing.

1: Responsinator (free of charge)

When you hear Responator, you might think of Terminator like me. We don't want to destroy the websites, we want to test them intensively.

With this tool, the responsive check can not only be carried out easily, but also elegantly. You simply enter the URL of the website that you want to test and the website will be displayed on the most common screen sizes and formats.

The website can be operated there as if it were a tablet or a smartphone. You can also click on the links and search fields to be able to test better there.

IMPORTANT: However, this is not a real device, which means that the various errors can only be reproduced to a limited extent. This would require a real Ipad, for example.

2: Screenfly (free of charge)

Screenfly is also a cool tool to test whether there are strange display errors in responsive web design. This tool has been around for a few years and is still very popular.

Here you can also simply type in the website URL, select the desired devices and resolutions and start the responsive check. Desktop computers, tablets, smartphones and even televisions are offered.

3: Google Developer Tools (free of charge)

If you want to test the responsive design, you can even do it directly in the Google Chrome browser. To start this mode, go to Google Chrome

View -> Developer -> Developer Tools

There you can choose between various mobile devices. The practical thing here is that you can easily switch back and forth between the devices. So you can go through page by page and then simulate the different representations.

Retina displays are also there and should definitely not be missing from a good responsive check.

4: Browser Stack (chargeable)

The Browser Stack tool is best equipped and offers some other cool features. Even older versions of Internet Explorer, Edge, Safari, Chrome and Firefox can be tested there using cross browser testing.

What fascinates me most about Browser Stack is that you can test not only macOS but also Windows. Real-time debugging is also included and is therefore by far one of the best tools when it comes to website tests.

Highlight: The big difference with this tool is that real Android and iOS devices are used and the test results are as accurate as possible.

5: CrossBrowserTesting (chargeable)

In addition to the browser stack, there is also the provider CrossBrowserTesting in the test area, which also offers an extremely large number of devices for testing responsive websites.

Their all-in-one platform makes it possible to carry out some automated tests and that even in parallel. I particularly like the visual testing, which enables automatic screenshots and comparisons. The differences are determined so that the programmer can adjust the website again.

6: Ghostlab (chargeable)

With Ghostlab you are also able to test the website with several browsers and devices at the same time. Forms can be filled out in parallel, colors can be adjusted, buttons can be clicked, etc.

Screenshots can be created that can be noted down with customization requests. These can then be dragged and dropped into the bug tracker.

7: Your family

While this is not a tooltip, it is still a serious tip when it comes to testing websites. Would you like to test an external opinion and on other devices?

Then ask your mother, for example, and tell her that it is very important for you that the site looks great everywhere. She will then definitely get her smartphone and take a look at it. You will be amazed what her comments are and how 4 eyes see more.

Of course, you can also ask friends, acquaintances or work colleagues.

This is especially necessary if you do not have a certain device or if you want to be absolutely sure that the website is responsive everywhere.

Conclusion

I hope you enjoyed the article with the various tools for the responsive check and can now test the websites better.

Since there are now an extremely large number of different mobile devices, it is very important that enough tests are carried out. Look on the Internet for statistics to see which devices are most popular so that it is displayed optimally on them.

If you would like to outsource the responsive check and that we do all the optimizations, you are welcome to ask us as a WordPress agency. Then we will make you a suitable offer. Here you can find a selection of what I believe to be the best WordPress tools.