5

我注意到在我网站上的某些页面第一次加载时，会出现快速的白色闪烁。

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

我尝试将所有<html>标签设置为黑色，但这似乎并不能解决问题。可能是我某些页面上的脚本吗？（即也许分析）

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

更新：该网站可以在这里查看。有些页面有 Javascript，但其他页面没有，根据我所经历的结果，这似乎无关紧要。

4

1 回答 1

6

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

见规则 6

但是，有时您正在等待的其他资源之一是“home.css”。这甚至可能是一个更大的问题。这有点小技巧，但您可以尝试在使用内联<style/>标签的 css 之前将背景设置为黑色。

尝试按此顺序构建页面（注意<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 加载之前，您可能仍然会在页面之间看到少量白色闪烁，但现在这个窗口会非常小。

于 2013-04-28T03:13:16.960 回答