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

Question

目前正在开发一个web应用程序，我遇到Chrome在很长一段时间内或无限期地延迟页面渲染。

这种情况发生在非常小的页面源代码上，例如。一个简单但正确的HTML框架，只有一小段文本。

Chrome加载这些页面，鼠标指针返回到空闲状态，开发人员工具网络监视器确认完成传输。然而，标签仍然是空白的。然后可以通过切换选项卡，或者标记内容来引发渲染，在此之后页面将完全显示。

我想知道这是由不符合的太简单的HTML引起的，还是由更复杂的东西引起的，这取决于我的响应头，连接的类型(可能使用keepalive)。

有什么想法或类似的观察吗？

Answer 1

试着在其他浏览器上运行它，如果它运行良好，那么问题出在chrome上。尝试清除浏览器数据、重新安装chrome或更新。

如果这个问题也出现在其他浏览器上，那么你必须检查你的代码，互联网连接，或者检查你的电脑是否有病毒，这些病毒可能会降低你的浏览器速度。

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; }
}

希望这对你也有帮助！