首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >由于延迟加载JS包,Qwik框架的用户交互是否出现延迟或延迟?

由于延迟加载JS包,Qwik框架的用户交互是否出现延迟或延迟?
EN

Stack Overflow用户
提问于 2022-09-23 05:05:16
回答 1查看 85关注 0票数 0

Qwik框架文档提到,只有一个侦听器,所有其他侦听器都被序列化并附加到DOM上,例如:on:click等。使用服务工作者的详细缓存算法已经到位。据我理解,对于第一次加载应用程序的用户来说,如果缓存中没有找到onClick包,则在触发click事件后将从网络中获取它。如果我们不使用CDN或在一个缓慢的网络上,即使是400+ms也会出现网络延迟,这可能会妨碍用户体验。对于这种情况有什么解决方案吗?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2022-10-09 19:25:48

  1. 所有包都是提前生成的,应该加载到CDN中,或者作为静态内容使用。服务工作人员
  2. 知道页面上存在哪个on:click,并在导航到页面时立即开始下载。

以上两个操作应该确保当用户准备与页面交互时,JS已经准备好了。用户应该很难进入一个JS不存在于缓存中的状态。

注意:如果用户在服务工作者下载之前进行交互,那么下一步将对JS URL进行优先排序和加载。SW将确保不会出现请求重复(用户请求+ SW请求相同的URL)

为了进一步提高性能,应该将经常使用的侦听器捆绑到一个块中,以减少下载的数量。

将此与传统方法进行对比:

  1. Qwik只下载交互所需的代码。这总是比整个应用程序所需的代码小得多。(可重放系统必须下载所有代码,执行代码,并使DOM与模板协调以附加侦听器。在Qwik中不需要这样做;因此,Qwik必须下载更少的代码,并在启动时执行其中任何代码。)
  2. No代码在用户交互之前被急切地执行。因为可恢复性很便宜(几乎是即时的),因此在interaction.

上,增加的恢复成本没有显著的性能。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/73823194

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档