javascript - 第一页加载时出现白色闪烁 : Can this be "fixed?"

标签 javascript html css

<分区>

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

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

我尝试为所有 <html> 设置样式标记为黑色,但这似乎并不能解决问题。可能是我某些页面上的脚本? (即可能是分析)

我能做些什么来解决这个问题吗?

更新:站点可以是viewed here .有些页面有 Javascript,但有些没有,根据我的体验,这似乎无关紧要。

最佳答案

好的,看起来这可能与您在 <head/> 中的脚本标签有关.试着把它推到收盘前 </body>标签。在该脚本完全运行之前,文档无法呈现。

参见 rule 6

但是,有时您正在等待的其他资源之一是“home.css”。这甚至可能是一个更大的问题。这有点 hack,但您可以尝试使用内联 <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 之前,您可能仍然会在页面之间看到轻微的白色闪烁,但现在这个窗口会非常小。

关于javascript - 第一页加载时出现白色闪烁 : Can this be "fixed?",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16258062/

相关文章:

html - 如何更改 Angular ui-grid 中拖动工具(或)调整大小工具的颜色?

javascript - 将父级添加到多个 <li> 标签

javascript - 我们如何从 javascript 中调用一个 bootstrap 类并设计我们自己的 popover 内容字段?

html - CSS 3 子菜单在悬停时不可见

html - 无法截取整个 div 元素的屏幕截图(滚动聊天 div)

javascript - 来自同一 require(js 文件)的多个导出类

html - 如何将相邻选择器编辑为嵌套选择器

javascript - 当前最好的 Javascript 模板引擎是什么?

javascript - 自动调整网格列的宽度以显示所有数据

javascript - 我怎样才能用 webkit-transform 进行足够的翻译,以便