为什么我的网站在我滚动时在 Chrome 中显示滞后？答案

【问题标题】：Why does my website show lag in Chrome when I scroll?为什么我的网站在我滚动时在 Chrome 中显示滞后？
【发布时间】：2014-07-14 23:37:03
【问题描述】：

我只在 chrome 中遇到这个问题。当我上下滚动时，我面临滞后。这只发生在 Chrome 浏览器中，我有最新版本。网站基于 PHP 框架。任何人都可以找出问题吗？是网站问题还是浏览器问题？这是网站链接：http://airfuz.com
提前致谢。

【问题讨论】：

【解决方案1】：

我想说一个原因是中心的巨大图像。（拿着谷歌眼镜的人）——这张图片超过 5000 像素 X 3400 像素+，但缩小到 500 像素左右。这与页面上的其他大图像一起。 http://airfuz.com/Images/2014/05/man-wearing-google-glass.jpg

当我删除该图像时，它滚动得更流畅...

考虑使用 php 缩略图脚本（如 timthumb 或 phpthumb）来实际提供接近显示尺寸的图像。这也将有利于网站的加载时间。

【讨论】：

【解决方案2】：

您的网站有太大的资源同时加载。也许这就是问题的原因。这就是我以这个答案结束的原因：

你可以缩减一些资产，我认为这会以某种方式减少延迟。

我注意到关于您的网站的一些事情，您使用的是 HTML5 Doctype。但是，您也在使用 HTML4 标记标签（我看到了 <center> 标签）。好吧，这可能不会影响问题，但这会影响 HTML5 有效性。 =)

嗯，希望我能帮上忙。

【讨论】：

【解决方案3】：

谷歌浏览器notorious bug 问题 753053

【讨论】：