Comparative analysis of Next.js and Astro frameworks

This article presents an analysis of differences in web performance metrics reported by Lighthouse between applications built with Astro and Next.js meta-frameworks, using three rendering strategies: Static Site Generation (SSG), Server-side Rendering (SSR) and Client-side Rendering (CSR). Analysis of the tests showed that the Astro framework performed better on the Total Blocking Time, while Next.js had an advantage on the Largest Contentful Paint. Although there were small differences in the Speed Index, they were noticeable - in favor of Next.js and the SSG rendering strategy in general. The results suggest that there is no single optimal solution for every case. The choice of framework and rendering strategy should be tailored to specific project needs and performance priorities.