The final and most important stage of building your website is testing. You have spent weeks (even months) crafting the perfect site and will want to make sure everyone enjoys it without any issues or errors.

This can be a daunting task with the wide range of variables out there, from device size to internet speed. To make this a little easier we have put together a list of our top four tools we use for testing.

Compatibility testing

The first and potentially the most important item to check is that your new site displays correctly on all devices, browsers and operating systems. However, the likelihood of you having access to every device and screen size is slim. This is why we use BrowserStack.

BrowserStack gives you access to the most popular phones and tablets (Android and iOS) on the market today, as well as a full range of browsers and operating systems (including older browsers like Internet Explorer 8 & 9).

Speed testing

Speed is becoming more important than ever (with Google even now using it as a ranking factor). If your site takes too long, people do not wait around, they leave and find a faster loading site. To test page speed we use tools like GTMetrix and Google PageSpeed Insights. These tools not only tell what your current speed score is, but they will also tell you how to improve your score.

But remember, the idea is to get your site as fast as possible, NOT to get a perfect score, don’t sacrifice functionality and design just to get top marks.

The kitchen sink test

When working with a CMS like WordPress, we like to do something called the kitchen sink test. To do this we copy all commonly used html elements used on a website such as header tags, p tags, lists and tables etc and paste them on a page to make sure everything displays correctly.

Use a site like Prandall, copy everything there and paste it on to a blank page in your CMS, if coded correctly, everything should have its own style.

Browser tools

Utilise the tools within your browser. For example, Chrome’s developer tool is full of useful tools to check your website such as the network tab, to show you how your website loads and the audit tab that will test everything from performance to SEO.

In addition to the default tools there also various plugins which you can add to your browser. For example, the Web Developer extension gives you a heap of additional options from checking all your alt text to disabling JavaScript.

Meevo is a digital marketing and development agency based in Toronto. We specialize in partnering with startups, design firms and agencies with strong creative, but limited executional resources.

Share this

We are thrilled to announce that Clutch has named Meevo Digital a top B2B company in Canada in the development category! We are one of only 29 web development companies in Canada to win this award! Based in Washington, DC, Clutch is a B2B ratings and reviews platform. Their independent team of analysts conducts interviews &hellip; <a href="">Continued</a>
Read more
All your hard work is done, and your new website is ready to launch, however, in all this excitement it is easy to miss out important steps. To help you avoid common mistakes we have put together a list of the 26 must-do checks before launching your WordPress website. 26 must-do checks before launching your &hellip; <a href="">Continued</a>
Read more
Voice search was tipped to be the next big thing in the world of search, with experts predicting that by the end of 2020, 50% of searches will be by voice. Whilst we may not have reached that figure quite yet, it is clear that users are increasingly moving towards ‘different’ ways of searching. This &hellip; <a href="">Continued</a>
Read more