Vertraagt een iframe je website?
Een iframe vertraagt je website, en vaak meer dan verwacht. Je laadt namelijk een complete tweede pagina met eigen opmaak en scripts.
Bij een ingesloten videospeler is dat regelmatig het zwaarste onderdeel van je hele pagina.
Er zijn drie manieren om dat te beperken.
Laden bij zichtbaarheid
Een iframe kan pas laden als hij in beeld komt. Dat is één instelling en het scheelt bij een venster onderaan je pagina alles.
Bij een venster boven de vouw helpt het niet. Meer daarover lees je bij pagespeed.
Laden na een klik
Toon een afbeelding met een afspeelknop en laad het echte venster pas als iemand erop drukt.
Dat is de grootste winst en meteen beter voor je cookiemelding. Meer daarover lees je bij cookie.
Of helemaal weglaten
Een interactieve kaart op je contactpagina wordt door bijna niemand gebruikt. Een afbeelding met een link naar de routebeschrijving doet hetzelfde.
Dat scheelt vaak enkele honderden kilobytes. Meer daarover lees je bij embedden.
Mijn vuistregels
- Hooguit één iframe per pagina.
- Laad na een klik waar dat kan.
- Vervang kaarten door een afbeelding met een link.
- Meet je pagina met en zonder; het verschil verrast meestal.
Die laatste maakt de discussie concreet in plaats van principieel.
Wat het ook doet
Een iframe die later inlaadt, kan je pagina laten verspringen. Dat telt mee in de beoordeling van je stabiliteit.
Geef het venster daarom een vaste hoogte. Meer daarover lees je bij accessibility.
Wanneer het niet uitmaakt
Bij een betaalvenster in je afrekenstap. Daar is de bezoeker al besloten en telt betrouwbaarheid zwaarder dan een halve seconde.
Meer daarover lees je bij waarvoor je een iframe gebruikt.