如何使脚本加载不阻止浏览器加载指示器

时间:2018-08-23 12:26:22

标签: javascript html

当我包含一个脚本,该脚本的加载因超时而失败时(例如,通过丢弃数据包,例如Chinese Great Firewall将所有数据包都丢弃到Google Analytics(分析)),浏览器收藏图标加载指示器将持续旋转,直到超时结束。

(请注意,在Linux上,您可以使用iptables,例如sudo iptables -I OUTPUT -d 'IP_OF_GOOGLE_ANALYTICS_HERE' -j DROP模拟此类超时。)

如何放置/注释<script>,以使其不会阻塞加载指示器?

我尝试了deferasync的{​​{1}}和<script>属性的各种组合(请参见文章herehere), <head>,但微调器在每晚的Chromium 68和Firefox 63中不断旋转。

此外,究竟是什么决定了是否显示微调框?是<body>的边界,还是其他因素在起作用?

1 个答案:

答案 0 :(得分:0)

最后找到它:the load event

  

在资源及其相关资源完成加载后触发

这是微调框停止运行的时间,位于Chromium“网络”标签中红色的“加载”行之后。

HasPlusT