the elements that contribute

Robiul65465

The impact of images on your loading time First things first: why should you optimize your images? The weight of your visuals has a direct impact on the loading time of each page. And loading too slowly will drive away a large number of users. The weight of images is therefore closely linked to optimizing your conversion rate. Furthermore, it is commonly accepted that image optimization plays a role in improving your natural referencing. Also note that among to the total weight of a page (styles, scripts, etc.), images are very, very bulky. Here is the distribution of element weight for the home pages of several sites: And yet, it is possible to have much more reasonable image weights on your site: Choose your image format wisely The first thing to know, to properly manage your images and their weight, is that each image format is adapted to a specific need.


For each image on your site, you have several options: JPEG format This is one Korea Phone Number Data of the most common formats, because it is relatively light. Its main advantage is its ability to compress images: you can deliberately degrade an image to reduce its weight. This makes it a format particularly suited to photos: the richness of pixels in a photo makes the loss of quality very discreet. Unless, of course, you choose too much compression: your image will then show “artifacts”. On the other hand, on an illustration with large areas, the compression will be much more visible.



Best for photos, adjusting the degree of compression for each photo for optimal results The PNG format Conversely, PNG will always save your images in their original quality, without any degradation. Saving a photo with this format means that every pixel must be rendered faithfully, which involves a very high weight. But PNG is very suitable for illustrations, logos, etc., whose shapes are simpler. Its algorithm is so effective that with this type of images, you will obtain a lower weight than with the JPEG format. → Preferred for illustrations The SVG format The SVG format is a vector format: the image is not made up of pixels recorded one by one, but of geometric lines.