English: When images load on a webpage, they take up space. If the browser doesn't know the exact dimensions of an image beforehand, it might have to rearrange the page layout once the image loads, causing content to jump around. This is called a layout shift, and it can be frustrating for users. By specifying the width and height of your images in your HTML code, you give the browser the information it needs to reserve the correct space, preventing these shifts and improving your CLS score.
Dutch: Wanneer afbeeldingen op een webpagina worden geladen, nemen ze ruimte in beslag. Als de browser de exacte afmetingen van een afbeelding niet van tevoren weet, kan het zijn dat hij de lay-out van de pagina opnieuw moet indelen zodra de afbeelding is geladen, waardoor de inhoud verspringt. Dit heet een lay-out verschuiving en kan frustrerend zijn voor gebruikers. Door de breedte en hoogte van je afbeeldingen in je HTML code op te geven, geef je de browser de informatie die hij nodig heeft om de juiste ruimte te reserveren, waardoor deze verschuivingen worden voorkomen en je CLS score wordt verbeterd.