boost-website-speed-in-2019-backdesk-blog-by-eze-erondu

If you are registered and have the Google webmasters code integrated on your website, you get an initial email from Google informing you that a mobile-first indexing has been enabled for your website. This makes some newbies panic which prompts them to do two things: 

  • Visit your website to check if the website and all its contents are loading fine. 
  • Visit Google Analytics and analyze for desktop against mobile users.

N.B: Google recommends that mobile pages load in under 3 seconds as best practice. 

Google has made it clear that more than half of all your website visitors would be visiting using mobile devices. If it takes about 12 seconds or more for your website to load on mobile device, that’s far too slow considering that more than 83% of website visitors on mobile devices leave a page that takes much longer than 3 seconds to fully load. 

What then is the best Load Time for Web Pages on Mobile? 

The following are what Google recommends as the best Web Design practice for mobile pages: 

  • Within 3 seconds: Time it takes to display contents of the Web Page to mobile users. 
  • Within 1.3 seconds: Time it takes for web page content to load on a mobile web server. 
  • Less than 50: This denotes number of individual contents needed to display the entire web page content on a mobile browser. 
  • Less than 500 KB: This should be total size of a web page (measured in bytes). 

  

The following are actionable ways to increase your website speed

  1. Reduce Weight of Web Page

The lighter your website is, the less time it takes to load and the faster your web page speed will definitely be. 

Google recommends the following three tips to reduce the weight of your web pages: 

  • Compress website images 

Website images usually take the longest time to fully load on most web pages but are very easy to optimize. 

I suggest you begin by taking quality time to review these images on your website and remove irrelevant ones. After that, compress the ones you need with a suitable image optimization plugin like Imagify or Smush. These tools (it’s necessary you select one that works best for you) are very handy as they will scan all the images on your website and optimize (reduce) their total size without any noticeable loss in image quality. 

Consider using SVG when dealing with visually simplistic images like LOGOs. SVG is an image format which is smaller in size than raster images. When you do this, dimensions of images becomes defined by certain mathematical calculations rather than millions of pixels. 

What this does in essence is to carry a lot of information in a very small file size format. An example of an SVG optimization tool for your website is the SVG-Optimizer. 

This feature can be enabled in WP Rocket plugin for WordPress. 

  • Compress Website resources with GZIP 

Another widely known method for boosting the speed of your Web Pages is the GZIP compression. When you enable the GZIP compression on your website, you get to reduce the total size of your web pages and as a result, improve the time to first paint. 

This method makes sure your content is delivered faster to your website visitors and as a result, reduces their data usage. 

  • Minify Website resources 

Every component that make up your website – HTML, CSS and JavaScript file etc. adds to the numbers of HTTP requests which are required to load your web pages. When you combine and minify all of these files, you can greatly reduce the total number of files that your web pages need to load and also this in turn reduce the total file size of your website. 

Minification is to the complete removal of all irrelevant characters in your website files. Example of these files are comments, white space, formatting, and other files that are not required to execute the code. 

WP Rocket is a handy WordPress plugin that can minify and combine your website files. You can find this under the “File Optimization” tab. 

 

  1. Reduce Number of Requestson Web Page

Another recommendation from Google is to reduce the number of HTTP requests for your website. 

  • Leverage Browser Caching 

When people visit your website, they may not be required to download the static content of your website the next time they visit as long as they use browsers that can cache static files. I suggest you enable browser caching for your mobile website. You can also do this with WP ROCKET. 

 

  • Remove all render-blocking JavaScript and CSS in above-the-fold content 

Google PageSpeed Insights highly recommends this. 

The “Render-blocking JavaScript and CSS in above-the-fold content” simply means there are certain JavaScript and/or CSS files that prevent your page from loading as fast as they should because certain browsers are configured to stop each time it encounters these files, download them, and load them before it continues to load the remaining content on your website. 

To make sure your CSS and other scripts load fast, you should optimize CSS delivery and defer the loading of JavaScript file. This feature is also available in WP Rocket. 

 

Conclusion

Your competitors are out there to eat you up.

Your slow-to-load website may be the only thing standing in your way to making massive sales this year.

I started my Career as a web designer and creating great websites was my cherished hobby.

This definitely wasn’t enough because even though the website i created looked awesome and visitors loved them, each one generated massive bounces due to poor load-time.

Then i did extensive research on how to speed up these websites and guess what? My clients turned in millions of sales in the first month.

It doesn’t matter if your website can only load as fast as an old snail, the above tips and a few mindset shifts would push you towards quick wins in just 20mins.

 

If you have tried these tips and your website now loads fast, let me know in the comment section below.

I am also open to questions if you need further tips on how to make massive sales by making sure potential customers do not bounce off your website or perhaps, you want one of our experts to help. Send us a message by filling out our contact form.

 

Related post: Top 10 Reasons Why Your Website Must Be Mobile Friendly

About The Author

Eze Erondu

Eze Erondu is a Web Designer & Digital Marketing Manager for Backdesk. He is passionate about promoting the visual representations of Businesses in Nigeria; helping them attract more customers and grow revenue. As a prolific forger of impressive Brand Identities, Eze Erondu is also popular for his exceptional skills in Graphic Design and Web Design, helping businesses win through Digital Communications.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

Close