Aufwendige Inhalte verzögert laden
Verschieben Sie teure Arbeit, bis sie sichtbar wird.
Aufwendige Inhalte verzögert laden ist eine kostenlose SwiftUI Academy-Lektion auf CoddyKit. Dies ist Lektion 3 von 4. Du kannst die komplette Lektion unten kostenlos lesen – dann übst du sie direkt im Browser mit einem integrierten Code-Editor und einem KI-Tutor rund um die Uhr. Sie ist Teil des SwiftUI Academy-Lernpfads, und dein Fortschritt wird über Web und CoddyKit-App synchronisiert. Der SwiftUI Academy-Kurs umfasst insgesamt 4 Lektionen.
Teile dieser Lektion wurden noch nicht übersetzt und werden auf Englisch angezeigt.
Build Only What Is Visible
Rendering a thousand off-screen rows is wasteful. Lazy containers build views only as they scroll into view, saving huge amounts of work.
Eager vs Lazy Stacks
A plain VStack builds every child up front. Inside a ScrollView with many items, that startup cost can freeze the screen.
Reach for LazyVStack
Swap in LazyVStack inside a ScrollView. It defers creating each row until that row is about to appear on screen.
ScrollView {
LazyVStack {
ForEach(items) { RowView(item: $0) }
}
}List Is Lazy Too
A List recycles rows automatically, much like a lazy stack. For long, simple feeds it is often the easiest fast choice.
Lazy Grids for Cards
For galleries, use LazyVGrid. It lays out cards in columns and only builds the cells currently in the viewport.
LazyVGrid(columns: cols) {
ForEach(photos) { Thumb(photo: $0) }
}Load Images Asynchronously
Heavy images should not block the main thread. AsyncImage fetches and decodes off-screen, showing a placeholder until ready.
AsyncImage(url: photo.url) { img in
img.resizable()
} placeholder: { ProgressView() }Downsample Big Images
A full-resolution photo in a small cell wastes memory. Downsample to the displayed size so scrolling stays smooth.
Defer Expensive Work
Compute heavy values when a row first appears, not for all rows at once. The onAppear hook lets you start that work just in time.
RowView(item: item)
.onAppear { item.prefetch() }Paginate Long Data
Do not load ten thousand records at once. Paginate: fetch the next page as the user nears the bottom of the list.
Lazy Has a Trade-off
Lazy views forget off-screen content, so building it again on scroll-back costs work. Keep each cell's body light to stay smooth.
Combine the Techniques
Real apps stack these: lazy containers, async images, and pagination together keep memory low and frames steady.
Quick Check
What is the main benefit of LazyVStack over VStack in a long scroll?
Recap: Lazy Loading
You learned to defer work with lazy containers, load images asynchronously, and paginate data so heavy content scrolls without stutter. 🚀
Lerne Swift mit einem KI-Tutor — kostenlos
Schreibe und führe echten Code in deinem Browser aus, bekomme sofortige Hilfe von einem 24/7 KI-Tutor und setze dein Lernen im Web oder in der App fort.
- Kurse
- 30
- Lektionen
- 120
Häufig gestellte Fragen
Ist die Lektion „Aufwendige Inhalte verzögert laden“ kostenlos?
Ja — der vollständige Text von „Aufwendige Inhalte verzögert laden“ ist hier im Web kostenlos zu lesen. Um sie interaktiv zu üben (integrierter Code-Editor und 24/7 KI-Tutor) und den Rest des SwiftUI Academy-Kurses freizuschalten, upgrade auf CoddyKit PRO. Der SwiftUI Academy-Kurs umfasst insgesamt 4 Lektionen.
Was lerne ich in „Aufwendige Inhalte verzögert laden“?
Verschieben Sie teure Arbeit, bis sie sichtbar wird. Du übst SwiftUI Academy mit praktischem Code, den du direkt im Browser ausführst, und ein 24/7 KI-Tutor beantwortet deine Fragen während du die Lektion bearbeitest.
Brauche ich Erfahrung, um SwiftUI Academy zu starten?
Keine Vorkenntnisse erforderlich. SwiftUI Academy auf CoddyKit ist für Anfänger bis fortgeschrittene Lernende strukturiert, sodass du hier starten oder von Anfang an beginnen und in deinem eigenen Tempo voranschreiten kannst. Dies ist Lektion 3 von 4.
Wie lange dauert die Lektion „Aufwendige Inhalte verzögert laden“?
Die meisten CoddyKit-Lektionen dauern etwa 5–10 Minuten. Jede ist kompakt und interaktiv, sodass du stetig Fortschritte machst und genau dort weitermachst, wo du aufgehört hast – im Web und in der App.
Kann ich in dieser SwiftUI Academy-Lektion Code schreiben und ausführen?
Ja. Jede SwiftUI Academy-Lektion enthält einen integrierten Code-Editor, sodass du echten Code direkt in deinem Browser schreibst und ausführst und sofort KI-Feedback erhältst — ohne lokale Einrichtung erforderlich.
Alle Lektionen in diesem Kurs
- Wie SwiftUI Ansichten neu berechnet
- Unnötige Neuzeichnungen vermeiden
- Aufwendige Inhalte verzögert laden
- Profiling mit Instruments