Millised on inkrementaalse DOM eelised võrreldes virtuaalse DOM-iga?

Inkrementaalne DOM (Incremental DOM) tagab parema jõudluse teatud renderduscenaarides, eriti väga sagedaste ja väikeste DOM-i uuenduste korral:

Inkrementaalse DOM-i eelised:

• Madal mälu kasutus: Inkrementaalne DOM ei loo kogu DOM-puust täielikku koopiat mälus, nagu Virtuaalne DOM. See töötab otse reaalsete DOM-iga. See on eriti oluline suurte ja keerukate rakenduste puhul, kus Virtuaalne DOM võib võtta märkimisväärse mälu.
• Kiire renderdamine väikeste muudatuste korral: Väikeste andmete muutuste korral saab Inkrementaalne DOM täpselt uuendada vastavaid DOM-sõlmi ilma vajaduseta arvutada kahe suure puu vahet.
• Diffing faas puudub: Erinevalt Virtuaalsest DOM-ist ei nõua Inkrementaalne DOM võrdlusfaasi (diffing). DOM-i uuendamine toimub otse render-funktsiooni täitmise ajal.
• Vähem kulutusi: Diffing faasi puudumise tõttu võib Inkrementaalne DOM teatud olukordades olla väiksemate kuludega.

Kuidas see töötab lühidalt:

Inkrementaalne DOM kasutab funktsioone DOM-i struktuuri kirjeldamiseks. Iga renderi ajal täidetakse need funktsioonid ning raamatukogu võrdleb praeguse reaalse DOM-i soovitud olekuga, tehes ainult vajalikud muudatused.

Näide (kontseptuaalne):

// Virtuaalses DOM-is ehitame puu ja võrdleme seda
// Inkrementaalses DOM-is kirjeldame struktuuri ja uuendame seda otse

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

// Kui data.name muutub, uuendatakse ainult tekstisõlme

Millal võib Inkrementaalne DOM anda paremaid tulemusi:

• Rakendused, millel on kõrged nõuded jõudlusele ja sagedased, väikeste DOM-i uuendused.
• Süsteemid, millel on piiratud mäluressursid.
• Raamatukogud, mis on mõeldud teiste raamistikudesse või raamatukogudesse integreerimiseks (sest see ei nõua oma elutsüklit ja seisundit).

Oluline on märkida, et valik Inkrementaalse ja Virtuaalse DOM-i vahel sõltub konkreetse projekti nõuetest ja kasutusstsenaariumidest. Virtuaalne DOM omab samuti oma eeliseid, eriti harvade, kuid oluliste muudatuste korral DOM-is, kus diffing faas võimaldab vähendada otsest suhtlust reaalse DOM-iga.