Question

目前正在开发一个Web应用程序，我遇到Chrome会延迟长时间或不确定地呈现页面。

这种情况发生在很小的页面来源上，例如。一个简单但正确的HTML骨架，只有一段短文本。

Chrome加载这些页面，鼠标指针返回空闲状态，开发人员工具网络监视器确认完整传输。然而，标签保持空白。然后可以通过切换标签或者标记内容来激发渲染，之后页面完全出现。

我想知道这是不是由于一个不符合的过于简单的HTML，或者更复杂的东西，取决于我的响应头，连接类型（可能使用keepalive）。

任何想法或类似观察结果？

Answer 1

尝试在其他浏览器上运行它，如果它运行正常，那么问题就在于chrome。尝试清除浏览器数据，重新安装chrome或更新。

如果问题也出现在其他浏览器上，那么您必须检查您的代码，互联网连接，或检查您的PC是否存在可能会降低浏览器速度的病毒。

Answer 2

我遇到了同样的问题，并发现了这个讨论。

https://code.google.com/p/chromium/issues/detail?id=336476&colspec=ID%20Pri%20M%20Iteration%20ReleaseBlock%20Cr%20Status%20Owner%20Summary%20OS%20Modified

以下解决方法对我有用：

 body
{
-webkit-animation-duration: 0.1s;
-webkit-animation-name: fontfix;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: linear;
-webkit-animation-delay: 0.1s;
}

@-webkit-keyframes fontfix{
from{   opacity: 1; }
to{ opacity: 1; }
}

希望这也可以帮助你！

什么情况可能会导致Chrome延迟渲染？

2 个答案: