Kort sagt: Lazy loading fördröjer laddningen av en bild, video eller annan del av en sida tills innehållet behövs. Rätt använt sparar det överföring och tid; fel använt kan det fördröja huvudinnehållet.
Så använder jag Lazy loading i praktiken
Jag bedömer lazy loading i sammanhanget av hela sidan. Rubrik, text, kontroller, hastighet och återkoppling måste tillsammans förklara vad som kan göras och vad som händer sedan. Först åtgärdar jag hinder som stoppar uppgiften; dekoration och effekter kommer först när grunderna fungerar.
Vad man bör se upp med
En komponent är inte färdig bara för att den fungerar med mus. Med lazy loading kontrollerar jag tangentbordsanvändning, kontrast, zoom, skärmläsare, långsamt nätverk och tillståndet utan skript. Tillgänglighet och prestanda är inga tillägg; de är en del av samma upplevelse.
Frågor för ett beslut
- Vilken uppgift vill personen slutföra på sidan?
- Var kan personen tveka, göra ett misstag eller tappa sammanhanget?
- Fungerar lösningen på mobil, med tangentbord och i ett långsamt nätverk?
- Vilken signal visar att förändringen verkligen hjälpte?