In today’s video I’m going to show you how to test your website. As you know I’m a huge fan of getting feedback on your website to make improvements with my Website Checkup Tool.
There are a couple of other things that you might want to test on your website, and one of them is how it performs on mobile devices, tablets, and other operating systems and browsers.
In this training video I’ll show you three different tips for how to test your website in just five minutes.
How to Test Your Website On Mobile and Other Devices
Testing Your Website on Different Mobile Devices
I had a hard time finding concrete data on the overall global state of mobile vs. desktop users on the web. But looking at my own stats, I’m seeing that between 15% and 45% of my visitors are on a mobile device or tablet.
There are many claims that mobile is going to overtake computer usage in the next few years, and I think that this trend is especially important for us as website owners to take seriously.
To get started testing your website, give the Mobile Phone Emulator a try, it allows you to view your site on a number of different mobile devices.
You’ll want to see how your website looks in both vertical and horizontal modes, to see what others are seeing. Make sure that your site is viewable, clickable, and fully functional on a smaller screen.
If your site doesn’t show up properly, what should you do?
The first thing to do is to check what kind of mobile-friendliness your WordPress theme has, and what known issues might exist.
There are number of responsive website themes, and Headway is one of them. The idea here, is that when someone is using your website on a smaller screen, you can rearrange the elements on the screen to show only the most important stuff.
I love pointing to Smashing Magazine as an example of great responsive web design, just resize your browser by dragging and dropping the corner until you get a narrow and fully re-designed website.
So how important is responsive web design? I currently don’t use responsive web design on my website, but it’s just a matter of time before I do.
I like the aesthetics and the way the site looks on a big screen right now, and building a slightly different version of that for mobile devices is on my to-do list, but I know right now my site is at least fully functional on the web and on mobile.
How To Test Your Website for Different Browsers
You might be wondering why you even need to learn how to test your website on different browsers… and the answer is that even though there are some standards on the web, most of them are actually not enforced the same way by all the different web browsers.
That means that different browsers implement and display code slightly differently. This is especially true if you’re using more advanced code, special fonts, and other things that might appear wonky in different operating systems.
If you had someone else make your website, they should have checked your site on different browsers.
If you’re building your website yourself, then it’s really important to know how to test your website, otherwise you might miss some really important things that can make your site appear less professional.
Get started by running your site through Adobe Browserlab‘s free system.
Test Your Website On the iPad Tablet
If you don’t have an iPad but you’ve ever received a message from a visitor telling you there’s something that doesn’t display right… this is the tool you’ll need to use to test your website: iPad Peek.
I think it’s especially important to test things like members area videos, and other more advanced code that might not work on a less powerful or non-flash capable device.
You might also need to make tweaks based on the screen size, especially if you used code that positioned things using CSS and that might show up in a different spot.
Informal Survey: Over To You Now…
I’d love to know what your primary way of surfing the web is: desktop/operating system/browser, tablet, phone?
I personally do most of my browsing on my laptop using Mac OS X and the Chrome browser. But I would say that about 20% of my web-browsing time is spent on an iPad or iPhone.
How about you? Comment below!