在2个不同的HTML页面中预加载相同的资源

问题描述 投票:0回答:1

我有2个单独的HTML文件,一个仅用于服务主页,另一个用于服务于应用程序的其他路由。

有一个CSS文件,比方说common.css,这两个HTML都需要。

如果我已经预装了,

<link rel="preload" as="style" href="/css/common.css" onload="this.rel='stylesheet'" />

在首页HTML中,它仍可在HTTP缓存中用于其他路线导航吗?还是我必须在第二个HTML文件中再次预加载common.css。

我对使用资源提示是陌生的。

html css performance web preload
1个回答
0
投票

两次调用样式表并不重要。如果预加载对于两个渲染都是必不可少的,则使用两次预加载。如果样式表已经加载到浏览器缓存中,则浏览器将使用它。如果由于一种原因或另一种原因刷新了样式表,它将再次预加载它。最重要的是,两个调用都使用相同的路径。因此,例如:或

哦,别忘了用apache或通过meta标签告诉浏览器来存储您的工作表。

您可以尝试制作一些测试表,并查看浏览器缓存的行为。

© www.soinside.com 2019 - 2024. All rights reserved.