Question

我注意到在我网站上的一些页面的第一次加载时，会有一个快速的白色闪光。

一旦页面内容被缓存，它似乎不会这样做，但在第一次加载时它很烦人。

我尝试将所有<html>标签设置为黑色样式，但这似乎无法解决问题。它可能是我的一些页面上的脚本吗？（即可能是分析）

我有什么办法可以解决这个问题吗？

更新：该网站可以是viewed here。有些页面有Javascript，但有些页面没有，根据我所经历的结果，它似乎无关紧要。

Answer 1

好的，所以看起来这可能与<head/>中的脚本标记有关。尝试将其推迟到结束</body>标记之前。在该脚本完全运行之前，该文档无法呈现。

请参阅rule 6

但是，有时您正在等待的另一个资源是'home.css'。这甚至可能是一个问题。这有点像黑客攻击，但你可以尝试使用内联<style/>标记将背景设置为黑色。

尝试按此顺序构建页面（请注意<style/>）标记;

<!doctype html>
<html>
<head>
<style>
html { background-color: black; }
</style>
...
<link href="home.css" rel="stylesheet" type="text/css">
...
</head>

<body>
...
<div id="footer">
    <span class="footer_text">Copyright © 2013 Casey Kidd Music.<br />All Rights Reserved.</span>
  </div>

</div>

<script>
  (function(
      ...
  'pageview');
</script>
</body>
</html>

在HTML加载之前，你可能仍然会在页面间出现一点白色的闪烁，但现在这个窗口会很小。

第一页上的白色闪烁加载：这可以“修复吗？”

1 个答案: