How to optimize site loading speed?
Hello! Primoz here from ProteusThemes. Today I will show you how you should prepare your images before you upload them to your website, more specifically to your WordPress website.
Why would you even want to do this?
The first reason is that your website will be much faster. This is what your users want. Then, you will also get more visitors because you will decrease the bounce rate of your website.
The Google will love you more because, with the better and faster website, you will also get better Google rankings. You can save some money with a less server storage and less bandwidth consumption. And last but not the least, you can also save some money on the mobile data plans for yourself and for your users.
The first step is that you should choose the right image format. There are two popular image formats. The first is JPEG, which is suitable for photos, images with gradients and images with millions of colors.
The other one is PNG which is very suitable for limited color images, for example logos, or charts, or graphics and images with the transparency.
See also: magento 2 speed optimization – Magento 2 is not a lightweight platform. It was built to serve thousands of users at once. But without proper optimization you can end up with a website that is a pain to use and an eyesore to look at.
Let’s take a look at this sample image
The original JPG image is 3.1 MB large. If we save this very same image to the PNG, the whole size of the image increases for 45%, to 4.5 MB. This is a good example why you should choose the right image format. The second step is that you should resize images before uploading.
So for example, if your content width of your website is 800 px wide, then you should resize the images that the width of your image is only 800 px.
Don’t upload images directly from your camera of phone because modern cameras and phones take images of multiple megapixels large and you don’t need to use that same resolution on the web.
Here is again the same example image. The original is 1800 px wide and this is, as we’ve seen before, 3.1 MB. When we resize this image to be 1110 px wide, the whole size of the image decreased for 65% altogether to be only 1.1 MB.
And the third step is that you should go further and compress your image and there are many many online tools and WordPress plugins available for that.
Some are better than the others
The difference can also be if you are compressing JPG or PNG images. What we did at ProteusThemes is that we’ve tested all the plugins and the online tools that you can see here. We’ve come to this very interesting conclusion that the best online image optimization tool overall is Optimizilla and among the WordPress plugins the best one for image compression overall is the ShortPixel.
When this is only the overview, we have the whole ultimate guide to the image optimization available on our blog.
So check the link below in the description of this video
If you like this video, definitely give it a thumbs up and let me know in the comments below if this video helped you compress your images better so your users are now happier. Bye!