在iPad和Chrome上闪烁/闪烁网站文字(文字暂时消失然后重新出现)

如果您使用Chrome浏览器访问iPad上的http://www.tekiki.com,该网站首先呈现正常,但在一两秒后,页面上的所有文本都会被隐藏,并在稍后重新显示.它几乎就像文本的延长闪烁或闪烁.

在桌面上,这不会发生.

有线索吗？我们尝试过-webkit-backface-visibility:hidden,但没有区别.也没有动画.

谢谢!

您在网站上有一些不遵循最佳做法的事情.

您的脚本应该是页面中的最后一个内容,就在关闭正文标记之前.你的头部有脚本,部分穿过身体,有些则在底部.

您应该将所有样式放在头部,并放在任何脚本之前(即使您不遵循建议的脚本放置).您的字体的CSS放在两个脚本标签之后,这将导致加载字体被延迟,直到脚本被下载,解析和可能执行 - 这可能(确实)导致字体"闪烁",因为字体正在装载延迟.此外,您在整个页面中放置了样式标记,这可能会导致重新绘制,重排和闪烁.

您对头部和身体之间的IE应用样式有条件注释.样式在那里无效(我知道).它们应该放在所有其他样式之后,但仍然在头部.

从scaffold.css中删除import语句并将其直接放在页面上,以便浏览器可以并行而不是串行地下载样式表,或者更好地将它们组合到一个文件中以减少请求数.

您也可以考虑缩小CSS和javascript.

实际上,我正在寻找你的非移动页面,你的移动页面看起来好多了,但你应该扭转这些:

首先加载字体,然后是jquery.您可以考虑将jquery include移动到页面底部的脚本标记之前.