Next.js mot React Router v7 : En prestandajämförelse

I detta lärdomsprov undersöker jag prestandaskillnader mellan ramverken Next.js och React Router v7. Syftet är att göra en jämförande studie för att identifiera ramverkens svagheter och styrkor. Arbetets frågeställningar är: hur skiljer sig prestandan mellan dessa ramverk? Hur påverkar ramverkens arkitektur prestandan? När ska man välja vilket ramverk? För att besvara dessa frågor byggdes samma applikation med båda ramverken. Dessa testades med hjälp av verktygen Lighthouse och Puppeteer. Analysen fokuserar till stor del på Core Web Vitals. Resultaten visar att React Router v7 presterar betydligt bättre än Next.js i lokala testningen. Next förbättras däremot mycket i produktionsmiljö tack vare optimeringar i Vercel. Slutsatsen är att ramverkens olika arkitekturval har en direkt påverkan på prestandan, och att React Router v7 är effektiv för formulär- och interaktionsintensiva applikationer, medan Next är bra val för projekt som drar nytta av Vercels ekosystem och tillhörande optimeringar.