是什么让一个网站在滚动时感觉很重？

Question

我刚刚完成，建立了我的第一个网站，但问题是它感觉很重，即向上或向下滚动感觉像是颠簸。页面最初加载得相当不错(5秒)，但一旦你进入页面，就感觉非常类似于theblaze.com的沉重程度。

是什么让网站感觉沉重，以及找出原因的故障排除步骤是什么？这是一个带有一些jquery插件的html站点。我在谷歌上搜索了“重型网站”、“波浪式滚动”等，但除了常见的“懒加载你的图片”之类的东西之外，并没有太多的搜索结果。(我正在这么做。)大多数人似乎关心的是初始加载速度，而不是一旦你在网站上滚动的感觉。

可能的罪魁祸首是什么？

对我来说，这感觉像是记忆中的事情。就像你打开了photoshop，但电脑开始变慢。

Answer 1

好吧，除了上面提到的工具之外，查找问题的过程相当简单；

• 检查页面的大小，包括图像
• 删除任何脚本并“感觉”页面，如果仍然很重，则问题出在其他地方，如果感觉正确，则问题出在/是脚本
• 如果问题出在脚本上，请首先将其移动到页面的底部
• 如果仍然影响，请检查它是否正常工作<

>H19如果没有脚本太重，请尝试减少图像的数量和大小

• 如果使用表格，请尝试设置dimensions
• try以避免嵌套表或许多嵌套div，这需要一些渲染time.
• scrolling，刷新效果会对浏览器的渲染引擎造成很大负担。

检查所有这些，然后检查针对正确问题的具体解决方案。

再见

Answer 2

如果你去Google Page speed Insights：，它会列出你的网站存在的所有陷阱，并在那时为你提供改进的方法。

谷歌将根据你的网站在移动和桌面上的表现对你的网站进行评级。如果你得到了大约90+的分数，你应该认为你做得很好。

Answer 3

这听起来像是在浏览器中处理延迟--在滚动时观察CPU/ mem的使用情况可能是有意义的。您可以尝试一次删除一个元素，以找到罪魁祸首。

我注意到，当要求浏览器调整图像大小而不是提前调整图像大小时，会出现这种延迟。