gpt4 book ai didi

javascript - 页面完全加载后触发预取

转载 作者:技术小花猫 更新时间:2023-10-29 12:53:31 24 4
gpt4 key购买 nike

我的场景是:

  • 用户访问 domain.com(主页)
  • domain.com/products 页面包含大型图像库和相当大的 CSSJS
  • 当用户访问 domain.com 并且主页已完全加载时,我们开始预取资源,如果可能的话,至少预取一些 %文件中的图像。

目前在某些页面上,JS“吃掉”了相当多的资源,因此在某些情况下,在页面加载期间触发预取并不是最好的答案——因为当用户与 < em>JS 创建了事件和元素。

我的问题是:

  1. 是否有可能(会起作用)触发 <link rel="prefetch" href="image.png">或要添加到 <head> 的 CSS 文件所以它可以预取来自另一个页面的数据在当前页面完全加载之后
  2. 我是否应该像在 <head> 中添加新标签那样使用 JS 渲染附加样式表?作为样式表文件,这样它就可以呈现……或者有其他方法吗?

最佳答案

您可能会使用 Cache Storage预取(预缓存) Assets 。我从事一个使用 this approach 的开源元素.虽然,要提供预缓存 Assets ,您需要 service worker .在我的元素中查找 Assets 的逻辑类似于 this .

这个元素的demo是here .另外,我写了an article其中解释了元素的技术细节。

Assets get prefetched加载 lib 后,我不会等待整个页面加载。也许我应该使用 requestIdleCallback等待浏览器空闲。

希望它能给你一些启发。

关于javascript - 页面完全加载后触发预取,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50437536/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com