Kako optimizirate SwiftUI performanse oko identiteta pogleda i diffinga?

Question

IT Interview Practice · Accepted Answer

SwiftUI ponovno pokreće `body` kad god se promatrano stanje promijeni, zatim **uspoređuje** (diff) novo stablo pogleda sa starim i ažurira samo ono što se razlikuje. Problemi s performansama dolaze od toga što taj diff radi previše posla: nestabilan **identitet**, preširoka **opservacija** i skupi izračuni `body`. Popravite to kontroliranjem identiteta, sužavanjem opsega stanja i držanjem `body` jeftinim.

## Kako funkcioniraju diffing i identitet

SwiftUI uparuje poglede kroz rendere po **identitetu**. Za liste je to `id`; ako je id nestabilan, SwiftUI odbacuje i ponovno gradi pogled (gubeći stanje i animacije) umjesto da ga ažurira.

```swift
// LOŠE: indeks polja kao id — presloži/umetni razbija identitet, potpuna ponovna izgradnja
ForEach(items.indices, id: \.self) { i in Row(items[i]) }

// DOBRO: stabilan identitet vezan uz podatke
ForEach(items) { item in Row(item) }      // items: Identifiable, stabilan id
```

## Sužavanje opservacije

`ObservableObject` ponovno renderira **svaki** pogled koji ga promatra kad god se **bilo koje** `@Published` svojstvo promijeni. Podijelite velike modele ili prijeđite na **Observation framework** (`@Observable`, iOS 17+), koji prati čitanja *po svojstvu* pa se pogled ponovno renderira samo kad se promijeni svojstvo koje je stvarno koristio.

```swift
@Observable final class Feed {     // iOS 17: fino zrnasto praćenje ovisnosti
    var unreadCount = 0            // pogled koji čita samo .posts neće se ponovno renderirati na ovo
    var posts: [Post] = []
}
```

## Držanje body jeftinim

`body` se pokreće često, pa nikad ne radite težak posao unutar njega:

```swift
var body: some View {
    List(sortedItems) { ... }      // LOŠE ako sortedItems sortira pri svakom renderu
}
// DOBRO: izračunajte izvedene podatke u modelu, ne u body
```

- Izdvojite podpoglede tako da promjena stanja ponovno renderira **mali** pogled, a ne cijeli zaslon.
- Koristite `LazyVStack`/`List` za velike kolekcije kako se redovi izvan ekrana ne bi gradili.
- Dodajte `.equatable()` ili `EquatableView` da kratko spojite diffing na stabilnim podstablima.

## Zamke

- `AnyView` briše identitet tipa i poništava strukturni diffing — izbjegavajte ga na vrućim putanjama.
- Prosljeđivanje novog closure/literala polja pri svakom renderu može nepotrebno invalidirati podređene poglede.

## Zašto je to važno

Na 120Hz ProMotion zaslonu imate ~8ms po okviru; `body` koji sortira veliko polje ili ponovno renderira cijelu listu ispušta okvire i trza skrolanje. Seniorski intervjui ispituju identitet pogleda i opseg opservacije jer je upravo tu gdje se prave SwiftUI aplikacije usporavaju — i gdje nekoliko preciznih popravaka vraća glatkoću.

Kako funkcioniraju diffing i identitet

Sužavanje opservacije

Držanje body jeftinim

Zamke

Zašto je to važno

Povezana pitanja