说到
网站性能，我们知道有数以百万计的网站在搜索引擎进行竞争。研究表明，用户将放弃网站加载时间超过三秒，三秒钟是很短的时间，虽然现在许多网站的加载时间不到一秒钟，但是没有一个放之四海而皆准的解决方案，第一个请求可能是你的应用程序成败的关键。
现代前端应用程序越来越大。难怪业界越来越关注优化。框架为应用程序创建了不合理的构建规模，这可能决定应用程序的成败。您打包和提供的每一点不必要的代码都会增加客户端需要加载和处理的代码。经验法则是越少越好。数据加载模式是应用程序的重要组成部分，因为它们将决定访问者可以直接使用应用程序的哪些部分。不要因为他们选择在应用程序的主页上加载5MB的图像并更好地理解这个问题，而使整个网站变慢。您需要了解资源加载瀑布。
资源加载瀑布是从网络服务器下载到客户端的文件的级联，用于从头到尾加载您的网站。它本质上描述了从网络上下载并加载页面的每个文件的生命周期。该图表显示了请求和加载的每个文件的时间表。您可以查看哪些文件先加载，并跟踪每个连续的请求，直到某个文件需要很长时间才能加载。您可以检查它，看看是否可以优化它。在页面底部，您可以检查您的客户端消耗了多少kB的资源。注意客户端需要下载多少数据是很重要的。第一次尝试时，您可以将其用作以后优化的基准。
没有人喜欢白色的空白屏幕，尤其是你的用户。滞后资源加载瀑布需要一个基本的占位符，然后才能开始在客户端构建布局。通常，您会使用旋转器或骨骼加载器。随着数据一个接一个地加载，页面将显示一个加载器，直到所有组件都准备好。虽然添加加载器作为占位符是一种改进，但是让它持续太久会导致“旋转地狱”本质上，你的应用程序在加载时停滞不前，虽然它比一个空白的HTML页面好，但它可能会变得令人讨厌，访问者会选择退出你的网站。
当您想要快速获取已经拥有的数据时，您需要进行缓存—缓存存储用户最近检索到的数据。可以通过两种方式实现缓存:使用Redis这样的超快速键-值存储来保存数据键和值，以及使用简单的浏览器缓存来本地存储数据。缓存部分存储您的数据，而不是用作永久存储。将缓存用作永久存储是一种反模式。强烈建议生产应用程序使用缓存；随着新应用的逐渐成熟，它们将开始使用缓存。但是什么时候应该在Redis缓存(服务器缓存)和浏览器缓存(本地缓存)之间做出选择呢？两者都可以同时使用，但最终将服务于不同的目的。
服务器缓存有助于降低前端和后端之间的延迟；由于键值数据库比传统的关系SQL数据库更快，这将显著增加API的响应时间。然而，本地缓存有助于改善应用程序状态管理，使应用程序能够在页面刷新后保持状态，并有助于未来的访问。
总之，如果你想提高你的应用程序的性能，你可以使用服务器缓存来加速你的API，但是如果你想保持你的应用程序状态，你应该使用本地存储缓存。虽然本地缓存可能看起来没有任何帮助，但它确实有助于减少API调用的次数通过持久化不经常改变的状态。然而，当与实时数据结合时，本地缓存会更好。
