滚动时,为什么我的网站在Chrome中显示滞后?

时间:2014-05-26 08:35:20

标签: javascript php html css google-chrome

我只在chrome中遇到此问题。当我向上和向下滚动时,我面临滞后。这只发生在Chrome浏览器中,我有最新版本。网站基于PHP框架。有谁能请确定问题?网站或浏览器有问题吗?这是网站链接:http://airfuz.com
提前谢谢。

3 个答案:

答案 0 :(得分:3)

我想说一个原因是中心的大量图像。 (谷歌玻璃的家伙) - 这个图像超过5000px X 3400px +,但缩小到500px左右。这与页面上的其他大图像一起。 http://airfuz.com/Images/2014/05/man-wearing-google-glass.jpg

当我删除该图像时,它滚动得更顺畅......

考虑使用php缩略图脚本(如timthumbphpthumb)来实际投放接近其显示大小的图像。这也将有利于网站的加载时间。

答案 1 :(得分:1)

您的网站资源太大,无法同时加载。也许这就是问题的原因。这就是为什么我总结了这个答案:

  • 当网站的资源加载时,滚动滞后。 (使用Chrome和Firefox测试)
  • 网站完全加载后,我的谷歌浏览器显示较少的延迟。另一方面,Firefox显示我没有任何区别。

你可以减少一些资产,我认为这会以某种方式减少滞后。


我注意到有关您网站的一些信息,您使用的是HTML5 Doctype。但是,您也使用HTML4标记标记(我看到了<center>标记)。好吧,这可能不会影响问题,但这会影响HTML5的有效性。 =)

嗯,希望我能以某种方式帮助。

答案 2 :(得分:0)

谷歌浏览器notorious bug问题753053