Uitgesteld laden met @defer

Door zware onderdelen of onderdelen onder de vouw uit te stellen, blijft de initiële bundel klein en wordt de eerste weergave sneller. Het onderdeel wordt alleen geladen wanneer het echt nodig is.

Een at-placeholder-blok toont de inhoud voordat het uitgestelde blok wordt geactiveerd.

Een at-loading-blok wordt getoond terwijl het uitgestelde deel wordt opgehaald.

Een at-error-blok wordt weergegeven als het laden van de uitgestelde afhankelijkheden mislukt.

Je bepaalt wanneer het laden begint met activeringen in een on-clausule, zoals on idle, on viewport, on interaction, on hover of on timer.

De activering on viewport laadt de inhoud wanneer deze in beeld komt tijdens het scrollen, ideaal voor gedeelten onder de vouw.

on interaction laadt de inhoud wanneer de gebruiker op de placeholder klikt of deze focus geeft; on hover laadt de inhoud wanneer de aanwijzer erboven zweeft.

Je kunt ook activeren op basis van een booleaanse expressie met when. Het laden begint zodra de expressie waar wordt.

Je kunt het uitgestelde deel los van het weergeven vooraf ophalen, bijvoorbeeld met prefetch on idle, zodat het klaarstaat voordat de weergaveactivering wordt uitgevoerd.

Je hebt het at-defer-blok voor lazy loading geleerd, met at-placeholder-, at-loading- en at-error-blokken en activeringen zoals on idle, on viewport, on interaction, on hover, on timer en when, plus vooraf ophalen. Je hebt de cursus Ingebouwde besturingsstroom voltooid.