Kokios yra inkrementinio DOM pranašumai prieš virtualų DOM?

Inkrementalinis DOM (Incremental DOM) užtikrina aukštesnį našumą kai kuriose renderavimo scenarijuose, ypač labai dažnų ir smulkių DOM atnaujinimų metu:

Inkrementalio DOM pranašumai:

• Mažas atminties naudojimas: Inkrementalinis DOM nesukuria pilno DOM medžio kopijos atmintyje, kaip Virtualus DOM. Jis dirba tiesiogiai su realiu DOM. Tai ypač svarbu didelėse ir sudėtingose programose, kur Virtualus DOM gali užimti daug atminties.
• Greitas atnaujinimas mažų pakeitimų atveju: Mažų duomenų pakeitimų atveju, Inkrementalinis DOM gali tiksliai atnaujinti atitinkamus DOM mazgus be būtinybės skaičiuoti skirtumą tarp dviejų didelių medžių (kaip Virtualiame DOM).
• Nėra diffing fazės: Skirtingai nuo Virtualaus DOM, Inkrementalinis DOM nereikalauja palyginimo fazės (diffing). DOM atnaujinimas vyksta tiesiogiai render funkcijos vykdymo metu.
• Mažesni išlaidos: Dėl diffing fazės nebuvimo, Inkrementalinis DOM gali turėti mažesnes išlaidas tam tikrose situacijose.

Trumpai kaip veikia Inkrementalinis DOM:

Inkrementalinis DOM naudoja funkcijas DOM struktūrai aprašyti. Kiekvieno renderio metu šios funkcijos vykdomos, ir biblioteka lygina esamą realų DOM su norimu būsena, atlikdama tik būtinus pakeitimus.

Pavyzdys (konceptualus):

// Virtualiame DOM mes kuriame medį ir lyginame jį
// Inkrementaliniame DOM aprašome struktūrą ir atnaujiname ją iš karto

function render(data) {
  elementOpen('div', 'my-id', ['class', 'container']);
  text('Hello, ');
  text(data.name);
  elementClose('div');
}

// Kai pasikeičia data.name, tik tekstinis mazgas bus atnaujintas

Kada Inkrementalinis DOM gali parodyti geriausius rezultatus:

• Programos su aukštais našumo reikalavimais ir dažnais, smulkiais DOM atnaujinimais.
• Sistemos su ribotais atminties ištekliais.
• Bibliotekos, skirtos įterpti į kitus karkasus ar bibliotekas (nes nereikalauja savo gyvenimo ciklo ir būsenos).

Svarbu pažymėti, kad pasirinkimas tarp Inkrementalinio ir Virtualaus DOM priklauso nuo konkrečių projekto reikalavimų ir naudojimo scenarijų. Virtualus DOM taip pat turi savo privalumų, ypač retesnių, bet reikšmingų pakeitimų DOM, kur diffing faza leidžia sumažinti tiesioginį sąlytį su realiu DOM.