使用 <link rel="preload"> 预加载 JSON 文件

Question

我正在使用 Angular 5 应用程序，并且正在加载相当大的 JSON 文件。问题是加载主 .js 包、初始化它、引导 Angular 应用程序需要很长时间，该应用程序稍后会获取该 JSON 文件。 如果我可以在 Angular 应用程序准备就绪时预加载该 JSON 文件，它将加快初始页面加载速度。

我尝试使用 <link rel="preload" href="/path/to/json" as="script"> 但这没有帮助，现在 JSON 文件被加载了两次。我尝试了其他 as 值，但没有任何效果。

预加载 JSON 文件的正确方法应该是什么？

Answer 1

您可以使用 <link rel="preload" href="/path/to/json" as="fetch"> 。

https://developer.mozilla.org/en-US/docs/Web/HTML/Preloading_content#What_types_of_content_can_be_preloaded