INNOVATIVE METHODS OF INFORMATION DISPLAY IN WEB-BROWSERS
DOI:
https://doi.org/10.32782/tnv-tech.2024.1.1Keywords:
displaying information, browser, web development, methods of displaying information, optimizationAbstract
The article is devoted to the methods of displaying information in browsers, the disadvantages and advantages of each of the methods, the possibility of combining them and how exactly this improves the user experience and optimizes the use of server and client resources. In today’s world, where access to the Internet has become an integral part of our daily lives, web applications and websites play an important role in various activities, from education and entertainment to business and communication. However, with the development of the Internet and the increase in the number of users, there are more and more problems with the loading speed of web pages and web applications, as well as with the processing of large amounts of data. Therefore, optimizing methods of displaying information in browsers is an important task for web developers and site owners. The article discusses in detail various methods of displaying information in browsers, their advantages and disadvantages, as well as the possibility of combining them to achieve the best result. The methods of displaying information in browsers determine how the data that will be shown to the user will be processed, exactly how the server and client resources will be distributed. The development of these methods allows improving the process of using computing and Internet resources, saving Internet traffic and creating more pleasant web applications from the point of view of user experience, which is a key factor for the distribution of the product and increasing its demand. In particular, we have considered the traditional method of displaying static web pages, as well as newer methods such as SSR, CSR, ISR. The paper considers how combining different methods can help improve user experience and optimize the use of server and client resources. The article defines which method of displaying information in browsers meets your needs, how to use it to achieve maximum efficiency, and how to improve the user experience of web applications.
References
Ching S. React: Up & Running: Building Web Applications. 2020. Р. 238.
Sbarski P. Serverless Architectures on AWS: With examples using AWS Lambda. 2017. Р. 240.
Verma K. Next.js Quick Start Guide: Server-side rendering done right. 2021. Р. 192.
Твердохліб А.О., Коротін Д.С. Ефективність функціонування комп’ютерних систем при використанні технології блокчейн і баз данних. Таврійський науковий вісник. Серія: Технічні науки, 2022. № 6.
Abdullah I. React Server-Side Rendering. 2020. Р. 274.
Valverde A. Full Stack React: The Complete Guide to ReactJS and Friends. Р. 691.
Robinson L. A Complete Guide To Incremental Static Regeneration (ISR) With Next.js. 2021. Р. 154.
Skuratsivska O. Improving page speed of the isomorphic Vue.js application. 2021. Р. 224.
Samaranayake M. A Step-By-Step Guide to Server-Side Rendering with VueJS. 2022. Р. 240.
Цвик О.С. Аналіз і особливості програмного забезпечення для контролю трафіку. Вісник Хмельницького національного університету. Cерія: Технічні науки, 2023. № 1.
Malcolm A. Client-Side Rendering vs Server-Side Rendering vs Static-Site Generation. 2020. Р. 176.
Fayock C. What is Static Site Generation? How Next.js Uses SSG for Dynamic Web App. 2020.
Новіченко Є.О. Актуальні засади створення алгоритмів обробки інформації для логістичних центрів. Таврійський науковий вісник. Серія: Технічні науки, 2023. № 1.
Grigoryan A. The Benefits of Server Side Rendering Over Client Side Rendering. 2017. Р. 188.
Breux G. Client-side vs. Server-side vs. Pre-rendering for Web Apps. 2022. Р. 168.
Miller J., Osmani A. Rendering on the Web. 2022. Р. 288.
Cocca J. Rendering Patterns for Web Apps – Server-Side, Client-Side, and SSG Explained. 2023. Р. 198.
Swastik Y. Web rendering patterns in a nutshell. 2022. Р. 168.
Prashant M. Server Side Rendering (SSR) vs. Client Side Rendering (CSR) vs. Pre-Rendering using Static Site Generators (SSG) and client-side hydration. 2021. Р. 211.
Gathony M. Understanding Next.js Rendering Methods: CSR, SSR, SSG, ISR. 2022. Р. 223.