为什么我的网站显示延迟在Chrome浏览器当我滚动


Why does my website show lag in Chrome when I scroll?

我只在chrome中面临这个问题。当我上下滚动时,我面临延迟。这只发生在Chrome浏览器,我有最新的版本。网站是基于PHP框架。谁能找出问题所在吗?是网站问题还是浏览器问题?以下是网站链接:http://airfuz.com

我想说一个原因是中间的大图片。(戴着谷歌眼镜的家伙)——这张图片超过5000px X 3400px+,但缩小到500px左右。它与页面上的其他大图像一起显示。http://airfuz.com/Images/2014/05/man-wearing-google-glass.jpg

当我删除那个图像时,它的滚动更加平滑…

考虑使用php缩略脚本(如timthumb或phpthumb)来实际提供接近它们将显示的大小的图像。这也有利于网站的加载时间。

你的网站有太多同时加载的资源。也许这就是问题的原因。以下是我总结这个答案的原因:

  • 当网站的资产正在加载时,滚动延迟。(用Chrome &Firefox)
  • 网站完全加载后,我的谷歌浏览器显示较少的延迟。而另一方面,Firefox却没有给我任何不同。

你可以缩减一些资产,我想这会在某种程度上减少延迟。


我注意到一些关于你的网站,你正在使用HTML5 Doctype。然而,你也使用HTML4标记标签(我看到了<center>标签)。好吧,这可能不会影响问题,但这会影响HTML5有效性。=)

好吧,希望我能帮上忙。

Google Chrome臭名昭著的bug Issue 753053