8 Steps to a Faster Loading Website and More Money in Your Pocket

8 Ways to Speed Up Your Website
Heather Sakai
  • Aug 9, 2018
  • Comments Off on 8 Steps to a Faster Loading Website and More Money in Your Pocket
Turquoise Flag-Tip

Ways to Speed Up Your Website

In the dog-eat-dog, scrappy world of gaining and keeping online traffic, a slow-loading website can crush your chances of making a mark before you even get started. The statistics are frightening. You have about four seconds to get your page loaded in front of a visitor before their itchy mouse finger sends them clicking away to find a faster solution. A single second’s delay yields:

  • 11% fewer page views
  • 16% reduced customer satisfaction
  • 7% drop in conversions

Those numbers are bad enough but the more seconds it takes, the worse they get. For a fighting chance to stay competitive in the game, check out these 8 Steps to a Faster Loading Website and More Money in Your Pocket.

#1. Minify Your Files

When it comes to designing a fast-loading website, being stingy with the actual number of elements is a good way to start the process but, when there are certain things you want to accomplish with your online real estate, you’ll be left with some elements that you simply must include to maintain a professional level of functionality. That’s when it’s time to minify files. This wonky little word is just a techie way to express removing unnecessary formatting, white space, and characters in order to reduce the physical size of files. It sounds complicated and time-consuming, but there are a variety of free online services to help accomplish this. A few to try are Minifier.org or the WordPress plugin WP Rocket.

#2. Choose Asynchronous Loading for Files

The way a browser works is to load a file either synchronously or asynchronously from top to bottom, working its way through the HTML code and any CSS or scripts that arise. Let’s say you have a javascript file near the top of the page. When the browser comes to it, if it is set to render synchronously, the loading of any other files screeches to a halt until the script is completely loaded. With your website set to asynchronous loading at the server level, the browser continues to load other files while still working on the script. You’ve just given it permission to do two things at once.

#3. Find a Fast Server

Some servers are faster than others. That’s an undisputed fact. While there is plenty of advice floating around the internet about how to make client-side tweaks to speed up your website, don’t forget to pay attention to the server side as well. The company you choose for your Domain Name System (DNS) has a lot to do with how quickly a website appears. When you type a name into the URL field of a browser – say widget.com – the server has to match that name with the corresponding IP address, which is simply a sequence of numbers, and go find the right website content to display. Take a look at this DNS speed report to see where your server ranks.

#4. Choose Your Hosting Type Wisely

Note we’re not telling you to choose your web host wisely, though that’s a good idea too. No matter which host you decide on, it’s probably even more important to choose among shared, dedicated, or virtual private server (VPS) hosting. We’ll end the suspense and tell you that for anything but a hobby website, shared hosting is liable to leave you frustrated with your website loading speed. The reason is that a low-cost, shared plan typically piles dozens or even hundreds of website together on a single server and makes them share resources. With either of the other two choices, you have specific amount of resources set aside for you.

#5. Fewer HTTP Requests Means Happier Visitors

Downloading text on a web page takes hardly any time at compared to the other elements dedicated to supporting the page. We’re talking about stuff like images, videos, CSS sheets, and scripts. In fact, Yahoo says that around 80% of the time it takes for a website to appear is taken up by these “extraneous” elements. Every element entails a separate server request, which takes up bandwidth and uses time. By designing your website lean from the start – meaning to only include elements absolutely necessary – you keep server requests down and are able to push your website out to a visitor that much faster.

#6. Consider a Content Delivery Network

The idea of a choosing a Content Delivery Network (CDN) to distribute your website has gained popularity in recent years. You’ll still need your regular ISP but the capability a CDN brings to the table is to store copies of your entire website on various servers around the world and then serve the closest copy to wherever the demand comes from. How much difference does it make? Enough that CDNs are exploding in popularity.

#7. Browser Caching? Yes!

This server setting allows certain web page elements to be stored in a browser’s temporary memory the first time a visitor arrives so that they page can be reloaded faster on return visits. How it works is that files and elements that haven’t changed are called from memory and displayed almost instantly. Dynamic content takes a little longer but at least a visitor has something to look at in the meantime.

#8. Reduce Image Size

Images are a critical part of today’s internet but, unless properly sized, they can slow down loading speed to that of an elephant slogging through quicksand. Luckily, there’s an easy fix. Before you put an image on your website, run it through Photoshop or Pixlr (an online free equivalent) to reduce its file size to under 100 kb if you can. Images that come out of your phone’s camera or off an image repository site are often many megabytes in size. That’s. Simply. Too. Big. Make them smaller.

Final Thoughts

If you get the idea from reading this article that there is an easy one-stop-solution to speeding up your website, you haven’t been paying close enough attention. The process is iterative – make a change, gain a little speed. Make another change, gain a little more speed. The suggestions in this article are a great place to start. If you find yourself confounded by one or more of them, call or chat up your web host’s tech support. That’s what they get paid for. Good luck!   

About the Author, Heather Sakai

Heather Sakai

Heather Sakai is the Arsenal Manager here at Go Media, home of the world's best mockup templates, vectors, textures and other must-have design weaponry. She also serves as the Event Director at Weapons of Mass Creation Fest. Heather is proud to work for the most passionate creative agency in the universe, the best in Cleveland Web Design, custom branding and print.

Discover More by Heather Sakai

Discussion

We want to hear what you have to say. Do you agree? Do you have a better way to approach the topic? Let the community know by joining the discussion.