小编pma*_*any的帖子

如何预加载 Web Worker 资产

我们目前正在我们公司的网站上实现web-workers(基于 ReactJS-Redux),通过调用 API 端点来执行用户数据的初始同步(例如:收藏夹列表、丢弃列表...)。

实施是成功的,但 Lighthouse 的审计显示了一个性能问题,因为我们没有预加载这个资产。尽管我们并不真正关心它,但它非常“烦人”,我们想摆脱它。

我们试图“预加载”它但没有成功,即使遵循W3C 规范。值为 'worker' 的 'as' 属性似乎是正确答案,但谷歌浏览器未将其检测为有效值。以下是我们尝试过的一些变体:

<link rel="preload" href="userSync.worker.js" as="script" type="text/javascript">
<link rel="preload" href="userSync.worker.js" as="fetch" type="text/javascript">
<link rel="preload" href="userSync.worker.js" as="worker" type="text/javascript">
Run Code Online (Sandbox Code Playgroud)

我们还尝试了 'crossorigin' 属性的不同变体,但没有成功。

有没有人知道可能出什么问题?

谢谢!

html javascript preload reactjs redux

10
推荐指数
1
解决办法
1437
查看次数

标签 统计

html ×1

javascript ×1

preload ×1

reactjs ×1

redux ×1