Afbeeldingen op het scherm zijn afbeeldingen die niet zichtbaar zijn op het scherm op het moment dat ze worden geladen. Deze afbeeldingen zijn mogelijk onder de vouw of verborgen achter andere elementen op de pagina. Het uitstellen van offscreen -afbeeldingen kan de laadtijden van pagina's verbeteren door het aantal HTTP -aanvragen te verminderen dat moet worden gedaan en waardoor de browser de zichtbare inhoud kan blijven renderen. De offscreen -afbeeldingen worden daarentegen gedownload.
Manieren om afbeeldingen buiten het scherm uit te stellen
Bij het laden van afbeeldingen op een website is het essentieel om ervoor te zorgen dat ze alleen worden geladen als dat nodig is. Anders vertraagt u mogelijk onnodig de laadtijden van uw pagina.
Eén manier om het laden van afbeeldingen te optimaliseren, is door afbeeldingen buiten het scherm uit te stellen. Dit betekent dat de afbeeldingen pas worden geladen als ze in beeld komen. Dit kan vooral handig zijn als u veel afbeeldingen op één pagina heeft.
Er zijn een paar verschillende manieren om afbeeldingen buiten het scherm uit te stellen. Eén methode is om CSS om de zichtbaarheid van deze afbeeldingen op verborgen te zetten totdat ze zichtbaar worden op het scherm. Een andere benadering is om JavaScript te gebruiken om te detecteren wanneer deze afbeeldingen zichtbaar worden en het downloaden ervan te activeren. Ten slotte kunnen sommige responsieve beeldoplossingen automatisch afbeeldingen buiten het scherm uitstellen door ze alleen te laden wanneer ze op specifieke schermformaten nodig zijn.
De methode die u kiest, hangt af van uw specifieke situatie en of u wilt dat alle afbeeldingen buiten het scherm worden uitgesteld of slechts enkele. In de meeste gevallen is het gebruik van CSS om de zichtbaarheid op verborgen in te stellen de eenvoudigste oplossing. Op JavaScript gebaseerde oplossingen kunnen echter beter zijn als u meer controle nodig heeft over wanneer deze afbeeldingen worden gedownload.
Wat zijn de voordelen van het uitstellen van afbeeldingen buiten het scherm?
Visueel gezien betekent het uitstellen van afbeeldingen buiten het scherm dat inhoud boven de vouw onmiddellijk wordt weergegeven zonder te wachten tot afbeeldingen onder de vouw zijn geladen. Dit kan een aanzienlijke snelheidsverbetering betekenen voor gebruikers met langzamere verbindingen of gebruikers met data-abonnementen met datalimiet.
Vanuit technisch oogpunt voorkomt het uitstellen van afbeeldingen buiten het scherm dat de browser onnodige HTTP-verzoeken doet totdat de gebruiker naar beneden scrolt en de afbeelding in beeld komt. Dit vermindert zowel het bandbreedtegebruik als de serverbelasting.
Over het algemeen kan het uitstellen van afbeeldingen buiten het scherm de laadtijden van pagina's verbeteren, het datagebruik verminderen en de serverprestaties verbeteren.
Conclusie
Er zijn veel redenen waarom u afbeeldingen buiten het scherm zou moeten uitstellen. Mogelijk wilt u de prestaties van uw site verbeteren of ervoor zorgen dat bezoekers met een langzame verbinding nog steeds de inhoud kunnen zien waarin zij geïnteresseerd zijn. Wat uw redenen ook zijn, we hopen dat dit artikel u heeft geholpen erachter te komen hoe u afbeeldingen buiten het scherm kunt uitstellen. Als u vragen of opmerkingen heeft, kunt u deze hieronder stellen.
Bent u op zoek naar diensten voor site-optimalisatie ? Neem vandaag nog contact op met ons team!
