Lazyloading (ook wel on-demandloading genoemd) is een strategie voor het optimaliseren van online informatie op een website of webapp.
In plaats van de hele webpagina te laden en deze in één keer aan de gebruiker weer te geven, zoals bij bulkladen, helpt het idee van lui laden om alleen de secties te laden die nodig zijn en de rest uit te stellen totdat de gebruiker erom vraagt.
Je hebt ongetwijfeld eerder lazy-loading in actie ervaren, en het werkt als volgt:
Je begint te scrollen terwijl je de tekst leest wanneer je op een webpagina komt.
Op een gegeven moment schuift u een tijdelijke afbeelding in de viewport.
De tijdelijke afbeelding wordt plotseling vervangen door de uiteindelijke afbeelding.
Implementatiemethoden voor Lazy Loading
Hieronder volgen enkele methoden om lazyloading in uw code mogelijk te maken:
Luie installatie - Deze functie stelt items in op nul en wordt gebruikt voor luie initialisatie. De gegevens voor objecten worden alleen opgehaald nadat en wanneer ze worden aangeroepen.
Virtuele proxy - Gebruik bij het adresseren van een object een virtuele proxy met dezelfde functionaliteit als het originele object.
Ghost- Gebruik alleen een identificatie om een object in een gedeeltelijke staat op te halen. Laad de volledige gegevensset zodra een functie op het item voor het eerst wordt aangeroepen.
Waardehouder - Construeer een generiek item dat lui laadgedrag beheert. De gegevensvelden van een object moeten door dit object worden vervangen.
Voordelen van Lazy Loading
On-demand laden optimaliseert de levering van inhoud door het tijd- en geheugengebruik te verminderen. Omdat slechts een deel van de benodigde webpagina eerst wordt geladen, wordt de benodigde tijd verkort en wordt het laden van de resterende secties uitgesteld, wat geheugenruimte bespaart. Dit verbetert de gebruikerservaring door het benodigde materiaal snel te leveren.
Code-uitvoering die niet vereist is, wordt vermeden.
Vanuit het perspectief van zakenmensen is het een kosteneffectieve techniek, omdat het ruimte- en tijdbronnen optimaliseert. (website-eigenaren)
De nadelen van lui laden
Om te beginnen maken de extra regels code die op de huidige regels moeten worden toegepast om een langzame belasting te bereiken, de code iets ingewikkelder.
Ten tweede kan traag laden van invloed zijn op de ranking van een website in zoekmachines als gevolg van een slechte categorisering van het niet-geladen materiaal.
In plaats van lui foto's of video's onmiddellijk te laden, waarom laadt u ze dan niet langzaam?
Omdat u mogelijk gegevens laadt die de gebruiker nooit zou zien. Dit is om verschillende redenen een probleem:
Het is een verspilling van gegevens.
Het laden van gegevens die de klant nooit zal bekijken, kan geld verspillen aan beperkte data-abonnementen.
Verwerkingstijd, levensduur van de batterij en andere systeemcomponenten gaan allemaal verloren. Na het downloaden moet de browser een mediabron interpreteren en de informatie ervan in de viewport presenteren.
De laadtijd van de startpagina, het gewicht van de startpagina en het gebruik van systeembronnen worden allemaal verminderd door het traag laden van afbeeldingen en video, waardoor de efficiëntie wordt verbeterd.
Conclusie
Als u foto's en video 'lui laadt', kan dit, als u deze zorgvuldig gebruikt, de initiële laadtijd en het aantal paginaladingen van uw site aanzienlijk verkorten. Gebruikers hoeven geen verkwistende netwerkactiviteiten of verwerkingskosten te betalen voor media-inhoud waartoe ze nooit toegang zullen krijgen, maar ze kunnen dergelijke materialen wel bekijken als ze dat willen.
Lazy-loading is een van de meest effectieve methoden om de prestaties van de site te verbeteren . Het is een acceptabele techniek om onnodige downloads op te slaan als uw site veel online afbeeldingen heeft. Als u meer wilt weten over deze techniek, ga dan naar Seahawk Media . Het zou zeer gewaardeerd worden door de gebruikers van uw site en belanghebbenden bij het project!
