From the course: Angular Performance Optimization Techniques

Why performance matters - Angular Tutorial

From the course: Angular Performance Optimization Techniques

Start my 1-month free trial Buy for my team

Why performance matters

“

- [Instructor] Let's talk about the importance of performance in web applications. What makes performance critical? We live in a connected world where people have dozens of different options. When a web application is too slow to load, users tend to give up quickly and try another option. Slow applications frustrate users, which leads to lost sales and customers. Also, fast websites tend to be favored in search engine results, which makes a lot of sense, as these websites are more likely to please their users. Google research also tells us that the likelihood of a bounce increases by 32% when the page load time increases from one to three seconds, and by 90% if it reaches five seconds. In other words, if your website takes too long to load, you're losing a lot of users. Also, a page that loads in one second can have a conversion rate up to five times higher than one that takes 10 seconds to load. Usually, it's considered that the ideal page load time is considered to be under two seconds. Another important fact to keep in mind is that mobile traffic keeps increasing, and as we can see on this chart, in 2024, we have over 60% of the traffic of the internet that comes from mobile devices. And this is very important for quite a few reasons because the thing is, when people use a mobile device, their internet access can be less stable and typically slower than when we use a PC or a laptop. Also, the screen is smaller when we use a mobile device, so there's less room to display information, which means the layout of the app can slow things down. Usually aiming for page load time of under one second is a good goal for mobile websites. It's also important to know that 92.3% of internet users access the internet using a mobile phone. For instance, Africa has the highest proportion of traffic for mobile devices, almost 70%. So mobile devices have a big impact on performance. Their screens are smaller than a desktop, which means it requires more CPU usage and battery conception to calculate the layout and render information on the screen. The internet connection can be less stable. People can be driving, being in a city with tunnels or covered areas where you can lose the internet connection very easily, and we also covered that developing countries use mobile the most and typically use older devices, so they have less CPU and memory to render those web applications, which is a challenge. So to summarize, performance is key. Users abandon slow applications very quickly. They have tons of options. They don't hesitate to try another website if they don't get what they want in just a few seconds. Also, if you want to be indexed by search engines and show up on the first page of results, you want to have a fast application. So all of these numbers have a direct correlation to sales and user engagement. Now, seconds matter a lot. It's not about saving milliseconds, but full seconds really make a huge difference. And when you have a layout that's shifting, that's changing because you're using a smaller screen, this can slow your application and any gain really makes a difference. All of this gets measured by Google Research and people who are very much into performance of the internet and comparing this to conversions and the faster, the better, really. And the third thing to keep in mind is that mobile is the new norm these days. The majority of the internet traffic comes from phones and smaller devices that have a smaller screen, a smaller battery, a slower CPU, which means these are extra challenges such as a flaky network connection, less power to compute the layout of your app, and all of these contribute to slowing things down. Next, we are going to cover how modern web applications work.

Contents