Laadprioriteit van afbeeldingen instellen - lazy loading

Je kunt voortaan zelf bepalen of een afbeelding onmiddellijk moet worden geladen of pas wanneer ze nodig is. Dit kan zowel voor achtergrondafbeeldingen van secties als voor afbeeldingen die je toevoegt met de afbeeldingscomponent.

Deze instelling is vooral nuttig voor afbeeldingen die meteen zichtbaar zijn wanneer een bezoeker een pagina opent, zoals een hero-afbeelding of banner bovenaan de pagina.

1. Achtergrondafbeeldingen van secties

Achtergrondafbeeldingen van secties worden standaard pas geladen wanneer ze nodig zijn. Zo worden afbeeldingen die verder op de pagina staan niet onnodig vroeg geladen.

Voor belangrijke achtergrondafbeeldingen die meteen zichtbaar moeten zijn, kun je de optie Achtergrondafbeelding met hoge prioriteit inschakelen.

Een achtergrondafbeelding met hoge prioriteit instellen

1. Open de pagina waarvan je de indeling wilt aanpassen.

2. Ga naar de indeling van de pagina.

3. Voeg een nieuwe sectie toe of bewerk een bestaande sectie.

4. Open de instellingen voor de achtergrondafbeelding.

5. Selecteer de gewenste afbeelding.

6. Stel indien nodig de afbeeldingsstijl en de marges in.

7. Schakel Achtergrondafbeelding met hoge prioriteit in als de afbeelding onmiddellijk zichtbaar moet zijn bij het laden van de pagina.

8. Sla de sectie op en bewaar de indeling.

Wanneer schakel je deze optie in?

Gebruik deze optie bijvoorbeeld voor een hero-afbeelding of banner bovenaan de pagina. Voor achtergrondafbeeldingen van secties die lager op de pagina staan, laat je de optie bij voorkeur uitgeschakeld.

2. Afbeeldingscomponent

Ook bij een gewone afbeeldingscomponent kun je instellen of de afbeelding met hoge prioriteit moet worden geladen.

Standaard worden afbeeldingen pas geladen wanneer ze nodig zijn. Als je de optie voor hoge prioriteit inschakelt, wordt de afbeelding onmiddellijk geladen en krijgt ze een hogere laadprioriteit van de browser.

Een afbeelding met hoge prioriteit instellen

1. Open de pagina en ga naar de layout.

2. Voeg een afbeeldingscomponent toe of bewerk een bestaande afbeeldingscomponent.

3. Selecteer de gewenste afbeelding.

4. Schakel Afbeelding met hoge prioriteit in als de afbeelding meteen zichtbaar moet zijn bij het laden van de pagina.

5. Sla de component op.

6. Bewaar de indeling.

Wanneer schakel je deze optie in?

Gebruik deze optie voor belangrijke afbeeldingen die meteen zichtbaar zijn, bijvoorbeeld een grote afbeelding bovenaan de pagina. Voor gewone afbeeldingen die verder op de pagina staan, laat je de optie uitgeschakeld.

3. Aanbevelingen

• Schakel hoge prioriteit alleen in voor afbeeldingen die meteen zichtbaar moeten zijn bij het openen van de pagina.

• Gebruik de instelling bijvoorbeeld voor een hero-afbeelding of banner bovenaan de pagina.

• Laat de instelling uitgeschakeld voor afbeeldingen die lager op de pagina staan.

• Stel niet onnodig veel afbeeldingen in als afbeeldingen met hoge prioriteit. Zo behoudt de browser de mogelijkheid om de belangrijkste afbeeldingen voorrang te geven.

Op die manier worden belangrijke afbeeldingen sneller weergegeven en worden andere afbeeldingen pas geladen wanneer dat nodig is.