如何在 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>
对于现在没有哈希服务的资产,这可能会在生产中重新部署后导致缓存问题,但我个人可以接受。