Javascript 预加载cdn缓存文件

Javascript 预加载cdn缓存文件,javascript,html,caching,cdn,preload,Javascript,Html,Caching,Cdn,Preload,我有一个缓存在某些cdn中的文件 在“我的本地环境”中,您可以在浏览器中按以下方式读取标记: <script src="/js/cool.js"></script> 在我的中,这将给我以下警告: 资源(预加载文件)已使用链接预加载进行预加载,但在窗口加载事件后的几秒钟内未使用。请确保它有一个适当的as值,并且是有意预加载的 因为从技术上讲,/js/cool.js不再存在于dom中 在模块绑定器中使用预加载插件 Q.预加载已缓存在cdn中的文件是明智的还是一种做法? 答:

我有一个缓存在某些cdn中的文件

在“我的本地环境”中,您可以在浏览器中按以下方式读取标记:

<script src="/js/cool.js"></script>
在我的
中,这将给我以下警告:

资源(预加载文件)已使用链接预加载进行预加载,但在窗口加载事件后的几秒钟内未使用。请确保它有一个适当的
as
值,并且是有意预加载的

因为从技术上讲,
/js/cool.js
不再存在于dom中

在模块绑定器中使用预加载插件

Q.预加载已缓存在cdn中的文件是明智的还是一种做法?

答:是的,假设您的cool.js确实需要预加载


现在,这一警告实际上是意料之中的。请参阅,
cool.js.pagespeed.ce.l2D9mD1nmX.js
cool.js
是服务器上的两个不同文件。您的文件
cool.js.pagespeed.ce.l2D9mD1nmX.js
实际上是您的用户生成的
code.js
的克隆。您所做的是预加载
cool.js
,其代码从未在生产中执行,因此警告-…使用链接预加载预加载,但在窗口加载事件后的几秒钟内未使用。但是,您实际上需要做的是预加载
cool.js.pagespeed.ce.l2D9mD1nmX.js
。假设您使用的是模块绑定器,则需要一个名为的插件来实现相同的功能

在模块绑定器中使用预加载插件

Q.预加载已缓存在cdn中的文件是明智的还是一种做法?

答:是的,假设您的cool.js确实需要预加载



现在,这一警告实际上是意料之中的。请参阅,
cool.js.pagespeed.ce.l2D9mD1nmX.js
cool.js
是服务器上的两个不同文件。您的文件
cool.js.pagespeed.ce.l2D9mD1nmX.js
实际上是您的用户生成的
code.js
的克隆。您所做的是预加载
cool.js
,其代码从未在生产中执行,因此警告-…使用链接预加载预加载,但在窗口加载事件后的几秒钟内未使用。但是,您实际上需要做的是预加载
cool.js.pagespeed.ce.l2D9mD1nmX.js
。假设您使用的是模块绑定器,则需要调用一个插件来实现相同的功能。

cool.js.pagespeed.ce.l2D9mD1nmX.js中的l2D9mD1nmX是一个随机id,我相信它会随时间变化。在这种情况下,一旦更改,在预加载中声明它可能会变得不同。有没有一种方法可以动态声明它?因此,它将始终匹配cdn提供的id。嗯,这是一个传统的设置,我们不使用网页包。cool.js.pagespeed.ce.l2D9mD1nmX.js中的l2D9mD1nmX是一个随机id,我相信会随时间变化。在这种情况下,一旦更改,在预加载中声明它可能会变得不同。有没有一种方法可以动态声明它?因此,它将始终匹配cdn提供的id。嗯,这是一个传统的设置,我们不使用网页。
<script src="/js/cool.js.pagespeed.ce.l2D9mD1nmX.js"></script>
<link rel="preload" type="application/javascript" href="/js/cool.js" as="script">