javascript / intermediate
Snippet
Lazy Loading mit verzögerbaren Ansichten
@defer ermöglicht das deklarative Lazy-Loading von Template-Teilen. 'on viewport' löst das Herunterladen und Rendern erst aus, wenn das Element in den Sichtbereich scrollt, was die initiale Ladeleistung erheblich verbessert.
snippet.js
javascript
1
2
3
4
5
@defer (on viewport) {<large-chart-component />} @placeholder {<div>Loading chart...</div>}
angular
Erklärung
1
@defer (on viewport) {
Definiert einen Block, der asynchron geladen wird, sobald er in den Viewport des Benutzers eintritt.
2
} @placeholder {
Gibt Inhalt an, der angezeigt wird, während der verzögerte Block abgerufen wird.