Website Prevent Cumulative Layout Shift (CLS)

This module improves how images are displayed on website pages so that the page content does not jump around while loading.

• When an image is rendered on a website page, the system automatically calculates its real width and height and adds these as attributes to the image tag. This is what prevents the layout shift.
• In the website editor, when you edit an image, a new "Size" section appears in the image dialog with Width and Height fields (in pixels). You can type the exact dimensions you want.
• When you upload or select an image through the media widget, the image's width and height are also applied automatically.

The module works behind the scenes on the image rendering used by the website builder (ir.qweb.field.image) and the general page rendering (ir.qweb). It only changes how images are output; it does not add new menus or reports. The visible change for users is the extra Width/Height fields in the image editing dialog and better page stability when loading.