# perf/img-dimensions

Every <img> declares width and height. Reglen perf/img-dimensions kører i page-scope med severity 'error' og indgår i performance-domænet sammen med 7 andre kontrakter i frameworket.

## Hvorfor img-dimensions findes

Images without declared dimensions cause layout shift (CLS) when they load — a direct Lighthouse/Core Web Vitals penalty. Gold standard: every <img> has width and height attributes so the browser reserves space before the image arrives.

## Sådan håndhæves img-dimensions

Reglen img-dimensions evalueres på hver enkelt renderet HTML-side for sig, så et fund altid kan føres tilbage til én konkret side og én konkret rettelse i data eller template. Fejler en side, får agenten en finding, hvor fix-instruktionen for img-dimensions er formuleret som en konkret arbejdsordre med filnavne og målbare krav — aldrig et vagt råd. Severity 'error' betyder at et brud på img-dimensions fejler hele verifikationen med exit-kode 1, så hverken CI eller en agent kan skibe sitet før fundet er rettet.

## Test og fixtures

Som alle kontrakter i frameworket har perf/img-dimensions en mutant-test, der beviser at reglen fejler, når kravet brydes — en regel uden en fejlende test er ikke en regel. Golden-fixturet beviser omvendt, at en fuldt compliant side består img-dimensions sammen med de øvrige 85 regler, og denne demoside er selv underlagt hele kontrakten.

## Relaterede regler

- [perf/no-blocking-scripts](https://pseo.mikkelkrogsholm.dk/regler/perf/no-blocking-scripts/)
- [perf/html-weight](https://pseo.mikkelkrogsholm.dk/regler/perf/html-weight/)
- [perf/modern-image-formats](https://pseo.mikkelkrogsholm.dk/regler/perf/modern-image-formats/)