Five Ways To Speed Up Your Mobile Website

The load time of your mobile website can make the difference between soaring revenues and crippling bounce rates. This post will show you the steps to mobile success.

In late 2016 DoubleClick – a subsidiary of Google – released their “The Need for Mobile Speed” report. After reviewing over 10,000 websites, they found that the average load time for mobile sites is 19 seconds over 3G connections (or as long as it takes to sing the alphabet song). The report found that when a website loads in five seconds rather than 19, those websites benefited from:

  • 25% higher ad viewability
  • 70% longer average sessions
  • 35% lower bounce rates

Using this same model, they also estimated that faster websites stood to gain 2x more in ad revenue than those slower websites. So, let’s discuss steps you can take to speed up and move toward the benefits of a speedier and more profitable mobile website.

Auditing your performance

To start, it’s an important idea to understand where you currently are. There are some great tools out there that can give you an idea of how you are performing, such as this slick tool from Google. After you have used this tool you will have a better idea of what area of optimization you need to be focusing your efforts on. As you continue to make changes, it is important to continue to assess and track your progress.

Let’s start looking at the steps that will help you to turn your websites into a speedy, pleasant experience for your audience – let’s get under the hood.

1. Reduce the size of assets

Every byte counts when it comes to speeding up your mobile website and your images, JavaScript and fonts can all become a drag on loading times. Images are usually an easy fix for many publishers, and can be drastically improved by simply choosing the correct resolution and size of images consistently throughout your website. Choose the lowest resolution possible without sacrificing quality, and make sure that your image sizes are always hitting minimum recommended thresholds rather than being too large.

2. Implement lazy loading

Lazy loading is a technique that makes sure the most prominent elements on your website that will be seen first, are loaded first. This is a logical way to load elements and makes sure that your readers aren’t left waiting for an image to load that they won’t even see. There are a number of ways to implement lazy loading with plugins and scripts if you are using WordPress or a similar CMS, and you can find more information from Google.

3. Switch to server-side header bidding

Conventional header bidding can create a huge number of server requests, and each of those requests has the potential to make your mobile website slower. Server-side header bidding, on the other hand, will speed up your website by shifting this heavy lifting while also ensuring you can collect more bids and improve your yield.

4. Minify your code

This simply means removing redundant data from your code, and there are tools that can do this automatically for you. Comments, additional spaces, indentations and new lines can all slow down your mobile website and should be removed. If you do not have the technical expertise yourself, there are a large number of powerful online tools available that can help you with this task.

5. Use Gzip Compression

This is standard practice but if you aren’t using Gzip compression, you really should adopt it and watch your mobile speed get a huge boost. Gzip compresses your files to make them smaller and therefore faster to deliver and load for your readers. Gzip is installed on web servers and you should be covered – but if you are not sure it is worth checking using one of the many free GZIP checker tools available online.

Those were our five tips to help you speed up your mobile website – if you would like to discuss one of those elements or other ways to speed up your mobile website, please feel free to contact us.

Leave a Reply