EN JÄMFÖRELSE AV DOM-UPPDATERINGSTID MELLAN REACT.JS OCH SVELTE.JS I EN SINGLE-PAGE APPLICATION

Sammanfattning

Denna studie undersökte Document Object Model (DOM)-uppdateringstid mellan React.js och Svelte.js i en Single-Page Application (SPA), där React.js använde en virtuell DOM och Svelte.js manipulerade DOM direkt med genererad JavaScript. Problemet var att snabba DOM-uppdateringstider kunde påverka användarupplevelsen, därför var DOM-uppdateringstid en relevant mätvariabel. Ett experiment genomfördes där två applikationer utvecklades, en i React.js och en i Svelte.js, och DOM-uppdateringstiden mättes när data lades till i en tabell med 50, 500 och 5000 mätpunkter. Ett mätskript skrevs och användes med Tampermonkey ett tillägg för webbläsare. Varje kombination av ramverk och antal mätpunkter itererades 3 gånger. Resultatet visade att vid 50 mätpunkter fanns det ingen statistisk signifikans, medan statistisk signifikans fanns för 500 och 5000 mätpunkter där Svelte.js presterade snabbare än React.js. I framtida arbete skulle bland annat fler iterationer utföras, fler CRUD-operationer skulle användas och fler webbläsare skulle ha mätts på.