Methods of Improving and Optimizing React Web-applications
Filip Pavic, Ljiljana Brkić
Abstract
As web browsers become more advanced every day and support many new technologies, web applications become more complex. Web application performance is vital for its users to have a good experience. It refers to how quickly an application loads and renders in a web browser, and how well it responds to user requests. Good performance may not be obvious to most web application users, but they will immediately recognize a sluggish web application. Paying attention to web application performance is important for both Single Page Applications and traditional server-side rendered web applications. In this paper, we describe and discuss a couple of common approaches to speed up the performances and the initial loading of a React web application. First, we discuss techniques for minimizing program code, then using optimized image formats and the importance of server-side rendering, and finally, we provide a few examples of other performance-optimization techniques that can further improve the user experience.