Lätta bilder.
Tunga bilder är en vanlig orsak till att en hemsida laddar långsamt i mobilen. Punkten är godkänd när Lighthouse inte ser några bilder som gör sidan långsammare och alla bilder har width och height.
Bilderna är lätta att ladda
kemero.se godkänd,
- Lighthouse ser 94 KiB att spara men ingen effekt på laddtiden
- 20 bilder vägda, den tyngsta kenny.jpg 93 kB
Varför den behövs.
Bilderna är ofta det tyngsta på sidan.
Ett foto rakt ur kameran eller telefonen väger ofta flera megabyte. På hemsidan visas det kanske 800 pixlar brett. Resten laddar besökaren i onödan över mobilnätet.
Utan width och height vet webbläsaren inte hur stor plats bilden tar förrän den har laddat. Texten hoppar då ner medan man läser. Google mäter det som layoutförskjutning.
Så rättar du den.
Rätt storlek och rätt format.
Spara bilderna i webp eller avif och i den bredd de visas i. Sällan behövs mer än 2000 pixlar.
Skriv width och height på varje bild. Bilden kan ändå skalas med CSS.
Låt publiceringsverktyget göra mindre versioner av varje bild med srcset, så att mobilen hämtar en liten.
Gäller punkten mig?
Mejla oss raden så säger vi vad den betyder för din hemsida.
Ring ossRing 070-728 21 89iro svarar direkt, dygnet runt.