Create Fast Loading
Web Pages

Having a fast loading web page is an extremely important part about the user experience. Everybody has been to a website some point in your life waiting forever for it to load only to just give up and go to some other website. Like everything that affects the user’s experience of your website, it is also a ranking factor of Google. Here are some tips to make sure your website is loading fast.

You should try to have each page be less than 1 mb. This can be hard for some pages where you might need to show a lot of images to show how something works. A few of your web pages like that are fine, but definitely make sure every page isn’t like that. Some other content that might have a large file size would be videos or an animated gif. Try to embed the video using YouTube to save on file size when loading your web page.

The most common reason for a large file size are images. First make sure your images are created to the exact size you are wanting it on the website. If your original file is sized 1920 x 1080 but you only need it to be on your website 400 x 225 then save it at 400 x 225. As creating it smaller makes the file size drastically smaller.

Another way to reduce image file size is to reduce the quality. When using Adobe products, click save for web, then in the upper right you can adjust the quality. I set mine at 60%. I can never even tell the difference between 100% and 60% and it is a big drop in file size.

I’ve been to many websites where someone has uploaded a huge background image with a super high resolution. Those images usually take a few minutes to download. I do not suggest full screen background images. If you want to have an image as the background, I would suggest just having it on the sides so that you can still read the text on the website. A good way to have a small image size as your background would be to use a repeating pattern.

Another reason a website can take a long to load is using a website builder. When I create websites, I code them out using HTML and CSS. Which is the barebones of what a browser needs in order to load a web page. Since the browser doesn’t have much code to read, it can then load the web page super fast. But when using a website builder, you have to load all of the code for the website builder then that code has to load your actual web page. If you’ve ever been to a web page where you just see a spinning circle for a long time then you’ve seen a website built with a website builder. You will not experience that with a web page I create and the web page will load much quicker.

I hope you’ve learned some things about how to create a fast loading web page and don’t get too frustrated the next time you come along a page that takes forever to load!

Read More About What I Can Do To Create Your Small Business Website