使用<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