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

目前正在开发一个Web应用程序，我遇到了Chrome，以延迟或长时间渲染页面。什么情况可能导致Chrome延迟渲染？

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

Chrome加载这些页面，鼠标指针返回到空闲状态，开发人员工具网络监视器确认完成传输。但选项卡保持空白。渲染可以通过切换选项卡或者标记内容来激发，例如，在完成页面显示之后。

我不知道这是否由不合格的太简单的HTML引起，或者更详细一些，取决于我的响应头，连接类型（可能使用keepalive）。

任何想法或类似的观察？

来源

2014-02-23 dronus

我观察过一样。我的补救措施是执行“硬刷新”'ctrl' +'f5'。这不仅发生在我正在开发的应用程序上，而且随机与其他网站发生。 – culturalanomoly

所以这显然是Chrome的一个缺陷，但它的原因，主要是一个有用的性能功能出错了，我猜，有趣的是要知道，以防止它发生在您自己的服务上... – dronus

一些进展：我发现与bug code.google.com/p/chromium/issues/detail?id=321286中所述的效果相同。行为完全匹配，但解决方案却没有。如果解决方案能够发挥作用，我会将这个仅仅是一个很少发生的Chrome漏洞加以标记。 – dronus

尝试在其他浏览器上运行它，如果工作正常，则问题出现在Chrome中。尝试清除浏览器数据，重新安装Chrome或更新。

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

来源

2014-02-27 07:36:05 Engineeroholic

这个问题肯定存在于Chrome中，但当其他人也遇到它时，我只在我的网站上遇到我正在建设中，我需要通过我的网站来解决它，否则其他用户可能会遇到同样的问题。 – dronus

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

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

希望这可以帮助你的！

来源

2014-02-27 08:30:02 acriel

这似乎在讨论与外部字体相关的问题，因为提到的页面链接了一些，而投诉是关于文本没有渲染的。但是，我遇到一个没有任何呈现的完整空白页面。 – dronus

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

回答

相关问题