Improve CLS on mobile

[Alexandre MAS]

PRESTA 1.7.5.1 - theme MEGASHOP

Dear Community,

I face a problem I don't manage to solve alone, would you have a solution?

Google search consol tells my CLS is higher than 0,25s on mobile (criticality high).

I guess it is because the width and height of the product picture is not define.

<img class="js-qv-product-cover" src="https://ouikeep.fr/213-large_default/plage-arriere-renault-kangoo-ii-et-mercedes-citan.jpg" alt="Plage arrière - RENAULT Kangoo II et MERCEDES Citan" title="Plage arrière - RENAULT Kangoo II et MERCEDES Citan" style="width:100%;" itemprop="image">

I see here I could define width and height and change the behavior for mobile in CSS ?

https://web.dev/optimize-cls/

Thank you for your help,

Alexandre

 

[Alexandre MAS]

Note: I found this function. Is it a native function if I download a new theme/version ?

<img src="/image.jpg" srcset="image-medium.jpg 1000w, image-large.jpg 2000w">

https://www.aurone.com/blog/image-seo-12-conseils-trafic-organique