如何在 HTML 中预加载版本化文件以提高性能？
How to preload versioned files for performance enhancement in HTML?
各种工具（Google Lighthouse、PageSpeed 等）建议通过 <link rel=preload> 预加载关键请求以提高网站性能。对于文件名已知且不会更改的静态文件，一切都很清楚。但是，如何使用预加载提示在 link 中更改文件名来指定 versioned 文件 (https://www.example.org/primeicons.e12e3d4e5dfc6a78e9ee.ttf)？在我的具体情况下，它是 PrimeIcons font from PrimeNG.
在没有工作替代方案的情况下，我最终将 outputHashing 属性的值从 all 更改为 bundles angular.json 文件，并在 index.html.
的 <head> 部分中另外包含 <link rel="preload" href="primeicons.ttf" as="font" type="font/ttf" crossorigin>
对于现在没有哈希服务的资产，这可能会在生产中重新部署后导致缓存问题，但我个人可以接受。
各种工具（Google Lighthouse、PageSpeed 等）建议通过 <link rel=preload> 预加载关键请求以提高网站性能。对于文件名已知且不会更改的静态文件，一切都很清楚。但是，如何使用预加载提示在 link 中更改文件名来指定 versioned 文件 (https://www.example.org/primeicons.e12e3d4e5dfc6a78e9ee.ttf)？在我的具体情况下，它是 PrimeIcons font from PrimeNG.
在没有工作替代方案的情况下，我最终将 outputHashing 属性的值从 all 更改为 bundles angular.json 文件，并在 index.html.
<head> 部分中另外包含 <link rel="preload" href="primeicons.ttf" as="font" type="font/ttf" crossorigin>
对于现在没有哈希服务的资产，这可能会在生产中重新部署后导致缓存问题，但我个人可以接受。