Here I am, I who I consider myself tech-savvy and I know how to make nice websites etc etc… being sloppy and making rookie mistakes that affect the speed of a website I have been building.
If you have a slideshow or use many images on your website (first page or more pages) it’s is imperative to optimize these images for the web. Even if you make a mock-up, make sure that the images are well optimized.
A general rule is to not have images more than 500kb in size, but I believe if you range between 600-800kb, then you are fine.
So here are a couple of things you need to do:
- If you download stock images, make sure you reduce their dimensions (pixels) to fit your website properly.
- for a full-width image it’s good to go to 2560px width.
- for smaller images on your page, use the dimensions of the actual window. I read here that a good practice is to use double the amount of pixels so that it looks good in retina screens as well.
- If you are using WordPress the following one is a must-do thing, IMO. This is kind of technical but just copy-paste what I show you here. You need to have access to your files via FTP or some sort of file manager. Then locate the .htacess file and copy-paste the following:
What it does is that it sets some expiration dates for the resources of your website. You can read more here: and this article also explains how to do the above by using a plugin, so you won’t have to worry about FTP or accessing files 🙂
There are way more things that you can do that can help your website to load faster, but the above steps are a good start.
I also use the following “website speed check services”:
which are great free tools that can help you check if your site is fast enough or help you identify any problematic areas.
I hope my mini-guide will help you and if you have any questions, please let me know in the comments.
If I know I’ll be happy to help 😀