ERGONOMIC ANALYSIS OF WEB PAGE RENDERING METHODS BASED ON NEXT.JS FRONTEND FRAMEWORK

Goryachkin B., Dudnik М.

Problem statement. The article investigates the problem of choosing the optimal web page rendering method based on the Next.js framework. Three main methods are considered: Client-Side Rendering (CSR), Server-Side Rendering (SSR), and Static Site Generation (SSG). The relevance of the problem is driven by the need to ensure high loading speed, interactivity, and efficient resource utilization in the development of modern web applications. Goal. To determine the most effective rendering method in terms of loading speed, interactivity, and resource utilization. Results. The obtained data showed that SSG is the most effective method for static pages, while CSR and SSR demonstrate similar results for dynamic scenarios. The article provides recommendations for choosing a rendering method depending on the type of content and performance requirements. The analysis of Web Vitals metrics (FCP, TTI, LCP) and resource consumption (memory usage, number of network requests) confirmed the hypotheses about the impact of the rendering method choice on the performance of web applications. Practical significance. The research results enable developers to make informed decisions when choosing a rendering method based on the type of content and performance requirements. The article provides practical recommendations for optimizing web applications based on Next.js, which contributes to improving user experience and development efficiency.

Keywords:Frontend framework, Next.js, server-side rendering, client-side rendering, Web Vitals, CSR, SSR, SSG