THE IMPACT OF SERVER-SIDE RENDERING ON SEO, USER EXPERIENCE AND PERFORMANCE IN WEB APPLICATIONS BUILT WITH ANGULAR

Abstract

Server-side rendering (SSR) and Lazy Loading are key technologies for improving web application performance, user experience, and search engine optimisation. The study’s relevance is driven by the need to create fast, scalable, SEO-optimised web applications that meet modern performance requirements. As one of the leading frameworks, Angular provides the technical basis for implementing these technologies. However, their integration is accompanied by numerous technical challenges that require analysis and development of appropriate solutions. The paper aims to analyse the impact of server-side rendering and Lazy Loading on the performance and usability of Angular web applications and develop practical recommendations for their combination. To achieve this goal, the article uses experimental modelling methods, including comparing performance indicators in real-world application conditions, an analytical method for assessing the technical and architectural aspects of integration, and methods for comparative analysis of scenarios with and without Lazy Loading. It has been proved that server-side rendering allows the generation of static HTML on the server, which ensures fast page loading and improves search engines’ content indexing. It has been found that the use of Lazy Loading allows the reduction of the initial bundle size to 700 KB, which significantly reduces the first- page load time to 1 second in a 4G network and 1.5 seconds in a 3G network. It has been found that combining these technologies helps improve performance even on devices with low technical characteristics while reducing the load on server resources. The study identifies that the main challenges for implementation are the complexity of setting up server rendering to work in the client environment and the need to integrate caching mechanisms and optimise dynamic content. Recommendations for implementing hybrid approaches have been developed, including using server-side rendering for critical page elements and Lazy Loading for loading secondary components. It is recommended that caching mechanisms, performance monitoring tools, and priority rendering strategies be used to optimise system performance. Prospects for further research include the development of new approaches to integrating server-side rendering and Lazy Loading, particularly in the field of dynamic content, studying their impact on large distributed systems, and using artificial intelligence to automate rendering processes.This opens up opportunities for creating more adaptive and efficient web applications that meet the requirements of the modern digital environment.