For responsive images, is it worth having a structure capable of managing files in a structured way? Yes, you can use a CDN (Content Delivery Network) structure that takes charge of your most demanding files and manages them in the best way in terms of performance.
First of all with adequate compression, focusing on the italy business email list various WebP and JPEG2000 , but also allowing the various resize and cutting actions while maintaining the correct responsive format.
You can use Lighthouse to make sure everything is working as it should. Run a performance check with the performance audit and look for results that relate to image size checks or use Cloudinary's image analysis tool .
Dimensions
Is there a maximum size? Is it worth uploading large images? What are the results? The rule to follow is simple: you must upload images with dimensions appropriate to the maximum necessary size determined by the template. And not beyond. In this way, the time needed to upload it is reduced .
But it also saves resources that are used to upload a photo or an image with superfluous dimensions, useless for the ultimate purpose . That is, to serve content suitable for use, without skimping on the quality of the visual on the website.
There are countless programs to resize and crop a photo, but if you don't want to use Photoshop or Gimp you can take advantage of the simplicity of a tool like Befunky that allows you to modify an image online in a few seconds. But with the professionalism of an image editor that makes Prestashop envious.
LazyLoad
That is, deferred loading , slow. With this solution you can reduce the load of the page at the time it loads. The principle is simple: if a publication has 10 photos, but at the time the above the fold loads 2 of them appear, why make the user wait and engage the browser?