Methods of Improving and Optimizing React Web-applications

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.