A performance comparison between different frontend architectures in modern web frameworks

A a study of differences in performance and environmental impact across three different rendering strategies.

The project test and evaluate, performance and dataload using Google Lighthouse metrics for:

• React set up as a single page application with full client side rendering
• Astro(SSG) + Svelte(island-style) integration setup as a islands style (Javascript in client-view hydration only)
• Astro(SSG) + Svelte(full load) integretion set as full load of all Javascript of every site tested.

Collected data as raw-JSON in /lighthouse/performanceData.json