Jak optymalizować wydajność SwiftUI wokół tożsamości widoków i diffowania?

Question

IT Interview Practice · Accepted Answer

SwiftUI ponownie wykonuje `body`, gdy zmienia się obserwowany stan, a następnie **diffuje** nowe drzewo widoków wobec starego i aktualizuje tylko to, co się różni. Problemy z wydajnością biorą się ze zmuszania tego diffa do zbyt dużej pracy: niestabilna **tożsamość** (identity), zbyt szeroka **obserwacja** i kosztowne obliczenia `body`. Napraw to, kontrolując tożsamość, zawężając stan i utrzymując `body` tanim.

## Jak działają diffowanie i tożsamość

SwiftUI dopasowuje widoki między renderami po **tożsamości**. Dla list jest to `id`; jeśli id jest niestabilne, SwiftUI odrzuca i odbudowuje widok (tracąc stan i animacje) zamiast go aktualizować.

```swift
// ŹLE: indeks tablicy jako id — zmiany kolejności/wstawienia psują tożsamość, pełna odbudowa
ForEach(items.indices, id: \.self) { i in Row(items[i]) }

// DOBRZE: stabilna tożsamość powiązana z danymi
ForEach(items) { item in Row(item) }      // items: Identifiable, stabilne id
```

## Zawężanie obserwacji

`ObservableObject` re-renderuje **każdy** widok, który go obserwuje, gdy zmieni się **jakakolwiek** właściwość `@Published`. Podziel duże modele lub przejdź na **framework Observation** (`@Observable`, iOS 17+), który śledzi odczyty *per-właściwość*, więc widok re-renderuje się tylko wtedy, gdy zmieni się właściwość, której faktycznie użył.

```swift
@Observable final class Feed {     // iOS 17: precyzyjne śledzenie zależności
    var unreadCount = 0            // widok czytający tylko .posts nie re-renderuje się na tym
    var posts: [Post] = []
}
```

## Utrzymywanie taniego body

`body` działa często, więc nigdy nie wykonuj ciężkiej pracy w linii:

```swift
var body: some View {
    List(sortedItems) { ... }      // ŹLE, jeśli sortedItems sortuje przy każdym renderze
}
// DOBRZE: obliczaj dane pochodne w modelu, nie w body
```

- Wydzielaj podwidoki, aby zmiana stanu re-renderowała **mały** widok, a nie cały ekran.
- Używaj `LazyVStack`/`List` dla dużych kolekcji, aby wiersze poza ekranem nie były budowane.
- Dodaj `.equatable()` lub `EquatableView`, aby zwarć obwód diffowania na stabilnych poddrzewach.

## Pułapki

- `AnyView` wymazuje tożsamość typu i pokonuje diffowanie strukturalne — unikaj go na gorących ścieżkach.
- Przekazywanie nowego domknięcia/literału tablicy przy każdym renderze może niepotrzebnie unieważniać widoki potomne.

## Dlaczego to ważne

Na wyświetlaczu 120Hz ProMotion masz ~8ms na klatkę; `body`, które sortuje dużą tablicę lub re-renderuje całą listę, gubi klatki i szarpie przewijaniem. Rozmowy na poziomie senior badają tożsamość widoków i zakres obserwacji, ponieważ to właśnie tam prawdziwe aplikacje SwiftUI zwalniają — i gdzie kilka precyzyjnych poprawek przywraca płynność.

Jak działają diffowanie i tożsamość

Zawężanie obserwacji

Utrzymywanie taniego body

Pułapki

Dlaczego to ważne

Powiązane pytania