【问题标题】:Render HTML page before Head loads在 Head 加载之前渲染 HTML 页面
【发布时间】:2015-10-22 16:05:23
【问题描述】:

我有一个带有很多脚本的<head> 标签,将一个网站从 7 个页面转换为 1 个页面,所以现在 1 个页面正在完成 7 个页面的工作。加载时间大约为 2 - 30 秒,我是绝不会针对移动设备进行优化。

在页面完全加载之前,编写原始 html 似乎不会显示,因此直到事后才会出现“正在加载,请稍候...”。

如何在head标签加载完成之前显示加载评论?

【问题讨论】:

  • 考虑将defer 添加到脚本中。请记住,脚本必须能够处理这种异步性。
  • 这里有更多:*.com/questions/436411/…
  • 你能把脚本移动到页面底部的</body>结束标签之前而不是<head>吗?
  • 您是否通过 src 属性加载脚本?如果您的 javascript 是内联的,则您不能使用异步,并且只有某些浏览器 (?) 支持延迟。对于内联 javascript,唯一的选择是将脚本移动到正文的底部。

标签: javascript html loading render


【解决方案1】:

您有三个简单的选择。您可以将脚本移出头部,也可以defer the scripts,或者async the scripts

【讨论】:

  • 如果他将脚本移出头部,他应该专门将它们移到<body>的底部。
  • 感谢您的回复。我现在有一个工作加载提示,在将我的脚本移出 head 标签后工作。它现在完全可以工作了,但我会尝试将它移动到 body 标签的底部
最近更新 更多