为什么我的 React 应用程序没有立即加载应用程序外壳？答案

【问题标题】：Why is my React app not loading app shell instantly?为什么我的 React 应用程序没有立即加载应用程序外壳？
【发布时间】：2016-09-13 00:34:59
【问题描述】：

如下面的屏幕截图所示：在页面重新加载时，我的 webapp 所需的资源是从 service worker 获取的，但仍然需要 1.42 才能在页面上呈现任何内容。我所期待的，在所有重新加载页面时，服务工作者缓存的项目应该立即呈现。这是我想念的东西吗？

【问题讨论】：

只是一个疯狂的猜测：试试timeline profiling。
@wOxxOm 我看了看，似乎是为我的应用程序评估供应商脚本的时间最长。然后解析 html 和我的 app.js 脚本。如果没有更改，是否可以阻止浏览器不获取供应商脚本或应用程序脚本？
我的 service worker 脚本确实在 vendor.js 和 app.js 之前运行，所以我可以检查我的缓存资源是否已更改（使用哈希）？

【解决方案1】：

文件可能没有缓存，Service Worker 安装失败。

有可能是有文件下载失败，所以不会被认为是已安装。正如Install a Service Worker 页面上所讨论的，拥有一长串文件会增加缓存失败的可能性，从而导致服务工作者无法安装。

【讨论】：