Tips for Making Your Website Work on Mobile Devices
Is Your Band Site Mobile Friendly?
Every year more & more people use a mobile device to find things on-line. If your website is not up to the job then you could lose out on these potential clients as they look elsewhere for what they need.
There are just two things required
to make a web site mobile friendly - size and speed.
One pet hate for mobile users is needing to scroll from left to right to read content. The solution is to develop a responsive template site that will re-size to fit any viewport.
There are 1,000s of templates available on-line (many of them free) and they come complete with all the necessary coding to make the site flexible to any device.
Most users would also have a data limit each month so the bandwidth of the pages needs to be minimised. The biggest areas for improvement are videos (see below), pictures (make sure they are optimised for the web and are not still at 1Mb+) and excessive (& sometimes unnecessary) coding. Tackling these issues will also help to improve....
20 seconds is a long time to wait for a web page to load. Even after 10 seconds many would give up and go elsewhere.
So what can you do to improve things?
Let’s start with the hardest one which can also have the biggest impact. If you use WordPress, Joomla or a similar CMS based software to build your site then it does come with 1,000s (& 1,000s) of lines of code which are probably not required for your application but have to be downloaded anyway. A recent speed check on a simple site built with WordPress revealed it had a mobile score of 1/100 (more on speed tests later). The easiest solution is not to use CMS but instead build your site from the ground up with a template package which uses minimal coding to work.
Videos are a great way to show off your talents and changing these to 'lazy-load' can make a huge difference to the speed of your pages (see our video page to find out what this is all about - link is at the bottom)
Pictures on a web site should be saved at 72dpi and at the size that they will appear on the site. With software such as Adobe you can resize an image and optimise it for the web in just a few seconds.
Are you up to speed?
The proof of how good your site is for mobile users can be found at:
Mobile Friendly - https://search.google.com/test/mobile-friendly
Mobile Speed - https://developers.google.com/speed/pagespeed/insights/
As an added incentive to improve your site for mobile users, Google have a mobile search results algorithm which excludes sites that are not mobile friendly and it also takes into account the loading speed of the site for ranking.
For advice on adding videos to your site click here.
Back to 'Ask Dave'