pia*_*man 4 html javascript css html5 css3
我注意到,在我网站上某些页面的第一次加载中,有一个快速的白色闪烁。
一旦页面内容被缓存,它似乎就不会执行此操作,但是在第一次加载时很烦人。
我尝试将所有<html>标签设置为黑色,但这似乎无法解决问题。可能是我某些页面上的脚本吗?(即分析)
我有什么办法可以解决这个问题?
更新:可以在此处查看该站点。根据我的经验,有些页面使用Javascript,而其他页面则没有,并且似乎无关紧要。
确定,因此看起来这可能与中的脚本标记有关<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>
Run Code Online (Sandbox Code Playgroud)
在加载HTML之前,页面之间仍可能会出现少量白色闪烁,但现在此窗口会很小。