Increase Website Performance with optimization

by Blk Canvas | November 30, 2017

Companies and businesses that are built on large of amounts content creation or an e-commerce store to sell products should always increase website performance. Website performance can be the difference between a satisfied customer or loss of customer.

“Customers are won and lost in seconds."

-Aberdeen

Our last post, What Is Good Web Design briefly touched on how fast users make decisions about a site within 10 secs or less. Websites that take longer than 3 seconds to load, will get turn off users and companies lose reliability they are trying to gain with their customers.

The Importance Of Website Performance

Surevys report that 64% of mobile users expect a websites to finish loading within 3 seconds. Every day the use of mobile devices continues to grow speed of websites need to be fast and consistent. Unlike desktop users, people use their phones on the go. So there is a sense of urgency when searching the web so mobile users will be more sensitive to page loads.

Page loads can have a direct effect on revenue. For example, the longer a user stays on a website will increase conversion rates and which increases revenue. According to Webpagefx 1 second improvement on page load will increase revenue by 7%. So if your e-commerce store makes $100/day: 100x365x0.7 = $2,500 gain or loss in revenue. But don't just take our word for it both Amazon and Walmart reported 1% loss per 100ms delay. Walmart also reported that a 2% increase in for every 1 second load time improvement.

Google cares about your website's speed. Google takes note of your website speed when ranking websites. Now content is king when it comes to ranking but you might as well make your site as strong as possible

How To Increase Website Performance

There are many things to do optimize a website for performance but mainly there are 4 areas to focus your attention.

Optimize Images

Use tools like Compressor.io or Tiny PNG to compress your images and reduce file size by half without loss of quality.

On average 64% of websites are made up of images. So large images will take a long time to load. Try to always resize your images to appropriate dimensions you will be using the image for. Meaning, don't upload a 2000x2000 image only to use the image at 600x600, just upload the image at 600x600.

When uploading an image use JPEG or PNG never TIFF, RAW or BMP (these files are too big and unnecessary for websites).

Reduce HTTP File Request

You want to reduce the amount of request made to the servers. Rather than having multiple CSS or JS files try to combine them into one file.

Only use plugins if they are necessary, eliminate plugins that don't serve an important purpose to site. Not only do these unnecessary plugins take up space but also can leave your site vulnerable to hacks but break your site if not maintained properly.

Minify Your Files

Every line of code takes up space and increases the size of the file. This includes duplicate code, whitespace, line breaks and indentation all of which create bloat and should be removed. Minify these files will make your website as lean as possible.

Great tools before uploading these files are CSS Minifier or Minify - JavaScript and CSS minifier. For Wordpress websites, you can use WordPress Cache Enabler or WP Fastest Cache.

Enable Caching

Cacheing can shave off up to 2-3 seconds on page loads.When a browser loads a website about 80% of load time is dedicated to making HTTP request and retriveing files. Cacheing allows for saveing files so that the next time users load your website there will be no need to ask the retrive files that are already save on the browser.

Tools to use WP Fastest Cache or check out THIS tutorial and add code to website .htaccess file.