Retina bilder för fullskärm - vad är best practice ?

Du tänker rätt. Det blir ju naturligtvis så att om du levererar större bilder, blir det tyngre. För ikoner och liknande kan man ju servera fonter eller SVG, men med bilder är det bara bita i det sura äpplet.

Du får se till att lazy-ladda bilderna och kanske inte visa så många på samma gång, sen kanske du kan visa rätt komprimerade bilder, eller suddiga bilder, och först ladda den riktiga tumnageln på touch eller mouseover.

Om du ska anpassa dig för mobil marknad (mobil , i avseendet mobilt bredband) är det viktigt att inte ladda för mycket om det inte behövs. Finns massa fina lätta tekniker för att åstakomma det, det svåra blir att leverera en annan version till google etc.

Även om bilderna är "små" är det ju sällan trevligt att tvingas ladda 40 bilder, det blir ju 40 requests och det blir "långsamt" hur man än vrider och vänder på det.

Allt som ska synas på skärmen, utan att man behöver scrolla, måste laddas snabbt, det nedanför kanten kan laddas efterråt. Det ska kännas snabbt, det behöver inte vara snabbt på riktigt. Typ progressiva JPGs etc är viktigt.

Ett exempel på svinsnabbt, trots "många" bilder är http://medium.com. Kolla hur de har löst det och få lite inspiration på smarta lösningar