Utsatt lasting med @defer

Ved å utsette tunge komponenter eller komponenter under folden holdes den opprinnelige pakken liten, og den første visningen blir rask. Komponenten lastes bare når det faktisk er behov for den.

En at-placeholder-blokk viser innhold før den utsatte blokken utløses.

En at-loading-blokk vises mens den utsatte delen hentes.

En at-error-blokk gjengis hvis innlastingen av de utsatte avhengighetene mislykkes.

De styrer når innlastingen starter, ved hjelp av utløsere i en on-klausul, for eksempel on idle, on viewport, on interaction, on hover eller on timer.

Utløseren on viewport laster innholdet når det rulles inn i visningsområdet, noe som passer perfekt for deler nedenfor det synlige området.

on interaction laster innholdet når brukeren klikker på eller fokuserer plassholderen, mens on hover laster det når pekeren holdes over den.

De kan også utløse innlasting basert på et boolsk uttrykk med when. Innlastingen starter når uttrykket blir true.

De kan forhåndshente den utsatte delen separat fra gjengivelsen, for eksempel med prefetch on idle, slik at den er klar før gjengivelsesutløseren aktiveres.

De har lært om at-defer-blokken for lazy loading, med at-placeholder-, at-loading- og at-error-blokker, samt utløsere som on idle, on viewport, on interaction, on hover, on timer og when, i tillegg til forhåndshenting. De har fullført kurset Built-in Control Flow.