Responsivt design betyder, at siden tilpasser sig viewporten: layout, typografi og medier skal fungere på mobil, tablet og desktop uden separate “mobile sites”. For hastighed er det mere end pæne breakpoints — det handler om at levere de rigtige bytes til den rigtige skærm.
Performance-vinklen
Properly size images og srcset/sizes sikrer, at en telefon ikke henter et 2000px hero. Above the fold og LCP ændrer sig mellem enheder, så I skal måle mobil særskilt. Manglende aspect-ratio på responsive billeder giver ofte CLS.
WordPress
- Brug indbyggede responsive billeder; undgå at tvinge fuldbredde-originaler ind i små containere.
- Test page builder-sektioner på smalle viewports — skjulte desktop-blokke må ikke stadig loade tunge assets.
- Prioritér mobil Core Web Vitals; det er det, Search Console oftest vægter.
Måling
Kør PageSpeed Insights på mobil, og kontrollér i DevTools device mode, hvilken billedfil der faktisk hentes. Responsivt layout uden responsive assets er kun halvt arbejde.