Author(s): Marvin Chin
Web Performance is a broad term that refers to how performant a web application feels to its users. This includes many aspects such as how long the site takes to load, how quickly the site becomes interactive, and how responsive it feels when the user interacts with the site.
As web applications grow more complex, it becomes increasingly important for web developers to be aware of the factors that affect performance, and consider how performance can impact the user experience.
The performance of your web application has a direct impact on its ability to attract and retain users:
In order to deliver a positive user experience, web developers must ensure that their applications meet acceptable performance standards.
There are many factors which affect web performance. Here, we give an overview of some of the key ideas that can be used to improve the performance of your web application.
Idea 2: Optimize Images
Images form a significant portion of the resources loaded on web applications [source]. To improve performance and speed up the site for users, web developers should thus try to reduce the amount of bandwidth used to load images.
Images can be optimized for the web in the following ways:
Idea 3: Use Progressive Rendering
The sooner the user sees content being displayed on the page, the faster they perceives the site to be. Progressive rendering achieves this by avoiding rendering the entire page all at once, but instead ordering the loading of content in a manner that allows some parts of the page to be rendered as quickly as possible.
Here are several ways how progressive loading can be effectively applied:
Improving web performance is a continuous, ongoing process. The ability to measure and track performance is necessary for developers to monitor the impact of their changes over time.
Here are some ways that you can measure the performance of your web applications: