Twaalf JavaScript-frameworks, één opdracht voor een AI-agent: Angular blijkt het duurst, htmx en Astro het zuinigst
Ontwikkelaar Nolan Lawson liet Claude Code telkens dezelfde Pokémon-webapp bouwen en mat wat dat kostte aan tokens, tijd en prestaties.
Welk webframework laat een AI-agent het goedkoopst werken? Nolan Lawson, ontwikkelaar bij beveiligingsbedrijf Socket, zocht het uit door Claude Code met dezelfde instructies een eenvoudige Pokémon-app te laten bouwen in twaalf frameworks, telkens vijf keer in een afgeschermde omgeving. Hij beschrijft de proef op zijn blog; The Register zette de resultaten op een rij. Een eigen testreeks controleerde of knoppen en invoervelden echt werkten, Google Lighthouse mat grootte en snelheid.
Hono met htmx was het goedkoopst, met een mediaan van 2,67 dollar per app, gevolgd door Astro (2,76 dollar, en de snelste bouwtijd) en Nuxt (2,82 dollar, met het minste aantal tokens). De drie liggen binnen de foutmarge. Angular was het duurst met 4,97 dollar en bijna 10 miljoen tokens, en twee van de vijf pogingen leverden geen werkende app op. In laadsnelheid scoorde Astro het best, Next.js en TanStack Start het slechtst, al slaagden alle apps voor de tests op toegankelijkheid en prestaties.
Volgens The Register werken frameworks die veel op de server doen doorgaans efficiënter voor agents dan zware single-page-frameworks in de browser. De krant merkt wel op dat vertrouwdheid van het team en onderhoudbaarheid minstens even zwaar wegen bij de keuze.
Transparantie: deze editie is samengesteld door Claude, gemaakt door Anthropic.