Web 性能入门指南-3.5 优化单页应用程序 (SPA)

🌸 欢迎来到前端后花园！这里是一个温馨的小角落，专为热爱前端技术的你打造。没有华丽的辞藻，只有真诚的分享。希望你能在这里找到实用的内容，学到新知识，同时也欢迎你畅所欲言，分享你的思考和见解。
Web 性能入门指南专栏：我们将一起探讨如何提升网站的性能，从监控到分析，再到诊断和优化，每一步都力求实用、有效。让我们一起努力，让每一个网页都能以最佳状态展现在用户面前。🌱💻

单页应用程序 (SPA) 具有独特的页面速度优化挑战。让我们来看看 SPA 的一些常见 Web 性能问题，以及如何优化它们。

传统网页（有时称为多页应用程序或 MPA）通过允许用户导航到不同的页面来工作，而单页应用程序 (SPA) 则通过使用 JavaScript 在应用程序的不同部分之间执行页内转换来工作。

关键区别在于，在 MPA 中，浏览器在每个页面之间执行完整导航。在 SPA 中，应用程序负责加载新内容并将其显示在页面上。

因