Samenvatting
Het vinkje Lazy load laat beeld pas laden zodra je bezoeker er bijna is. Het staat op het tabblad Instellingen, als laatste veld, en het staat standaard uit.
Je vindt het bij zes elementsoorten: de vijf media-elementen en het iframe-element.
Aangevinkt krijgt elke afbeelding en elk ingesloten venster binnen dat element uitstel. De browser wacht dan met laden tot je bezoeker in de buurt scrolt.
Dit zie je niet in de editor, alleen in de voorvertoning en op je gepubliceerde website.
Wanneer gebruik je dit?
Je gebruikt dit als je pagina te langzaam laadt. Beeld dat pas later in beeld komt, hoeft niet meteen mee te laden.
Je laat het juist uit voor het beeld bovenaan je pagina. Dat beeld ziet je bezoeker direct, en uitstel maakt het daar alleen langzamer.
Hoe je het beeld zelf kiest, is een andere handeling. Dat staat in Afbeelding kiezen.
Hoe werkt dit in Mach3Blocks?
Het is één vinkje per element. Je zet het aan bij het element waarvan het beeld mag wachten.
| Elementsoort | Vinkje aanwezig | Bijzonderheden |
|---|---|---|
| Logo media | ja | een logo staat meestal bovenaan, dus laat het hier uit |
| Content media | ja | |
| Item media | ja | |
| Achtergrond media | ja | |
| Thumbnail media | ja | |
| Content iframe | ja | werkt hier op het ingesloten venster |
| elk ander element | nee | ook de iconen, de controls en de tekstelementen hebben het niet |
Bij de voorvertoning en bij het publiceren krijgt het beeld binnen dat element het uitstel mee. In de editor gebeurt dat niet, want daar laadt de pagina op een andere manier.
Je bepaalt dus per element wat er mag wachten. Er is geen instelling die het in één keer voor je hele website regelt.
Wat je ermee kunt
| Wat je wilt | Wat je doet |
|---|---|
| een lange pagina sneller laten openen | het vinkje aanzetten bij het beeld dat onder de eerste schermvulling staat |
| het beeld bovenaan direct laten zien | het vinkje daar uit laten staan |
| een externe pagina later laten laden | het vinkje aanzetten bij je iframe-element |
| controleren wat het oplevert | de snelheid van je gepubliceerde website nakijken met Webscan uitvoeren |
Het vinkje kost je niets aan opmaak of aan inhoud. Je pagina ziet er precies hetzelfde uit, alleen komt het beeld later binnen.
Grenzen en wat niet kan
Het uitstel raakt een afbeelding en een ingesloten venster. Een videobestand valt daarbuiten, want dat is geen van beide.
| Grens | Wat dat betekent |
|---|---|
| alleen bij de voorvertoning en bij publiceren | in de editor is er niets van te zien |
| geen waarde per schermgrootte | de stand geldt voor elk scherm |
| alleen een afbeelding en een ingesloten venster | een videobestand krijgt geen uitstel |
| niet bij elk element | de iconen, de controls en de tekstelementen hebben het vinkje niet |
Een galerij regelt dit zelf al. Elk beeld na het eerste wacht daar sowieso, ook zonder dit vinkje, en dat staat in Galerijblokken.
Hoeveel sneller je pagina wordt, hangt van je beeld af. Het product belooft daar geen getal bij, en hoe ver vooruit een browser begint met laden bepaalt die browser zelf.
Voorwaarden en rechten
Voor dit vinkje is geen recht nodig. Wie het instellingenpaneel kan openen, kan het aan- en uitzetten.
Het element zelf moet er wel staan. Voor het invoegen van een element geldt het recht Elementen invoegen.
Praktijkvoorbeelden
Je hebt een lange pagina met een heroblok bovenaan en daaronder tien inhoudsblokken met foto's. Je laat het vinkje uit bij het beeld in het heroblok en zet het aan bij de tien blokken eronder. Je pagina opent daarna met alleen het bovenste beeld geladen.
Je hebt onderaan je contactpagina een kaart van een externe dienst in een iframe-element. Die kaart is zwaar en staat buiten beeld bij het openen. Je zet het vinkje aan bij dat element, waarna de kaart pas laadt als je bezoeker naar beneden scrolt.