Blazor VS React: En komparativ studie av Blazor och Reacts prestanda iolika webbläsare

Sammanfattning

I takt med ett snabbare internet och att moderna webbapplikationer blir alltmer komplexa har kravenpå prestanda ökat. React är idag ett av de mest använda ramverken för webbutveckling och Microsofterbjuder med Blazor ett nyare C#-baserat alternativ till JavaScript. För att undersöka ramverken urett prestandaperspektiv har denna studie genomfört tester där Blazor och React kontrolleras medfokus på DOM-manipulation och bildrendering i Brave, Chrome, Edge och Firefox.Två applikationer utvecklades, en CRUD-applikation och en Bildapplikation. CRUD-applikationenkontrollerade renderingstid vid skapande, uppdatering och rensning av rader i en tabell.Bildapplikationen granskade mätvärden insamlade av testverktyget WebPageTest för bildformatenJPEG, WEBP och PNG.Resultaten visar att React exekverar snabbare, både vid DOM-manipulation och rendering av bilder.För DOM-manipulation presterade React snabbare vid fem av sex testade funktioner och vidrendering av bilder presterade React snabbare i samtliga bildformat. Prestandaskillnaderna kanförklaras av Reacts virtuella DOM och Blazors beroende av JavaScript-interoperabilitet. Studienbegränsades till Windows-miljöer och exkluderade Safari. Vidare forskning föreslås för att stärkaresultaten genom fler webbläsare, operativsystem och testfall.