Tools and techniques for high-performance apps

In this section, we will cover topics related to building high-performance apps. While some of these tools are specific to Angular, the general sentiment and advice apply to all web applications. This means that a complicated and large application should still be able to:

• Hit a smooth 60 FPS rendering target
• Respond to user clicks within 340 ms
• Provide fast feedback loops to developers
• Run builds and automated tests as quickly as possible

Let’s first talk about runtime performance.

Runtime performance

Bad performance has real consequences for a business. In 2008, it was reported that a latency increase of 100 ms reduced Amazon’s sales by 1%. In 2006, Google observed that an additional 0.5 seconds in generating a search page led to a 20% decrease in traffic. These are astounding numbers at Amazon and Google’s scales, where milliseconds translate to millions of dollars...