什么让网站在滚动时感觉很重?

时间:2012-10-15 09:39:30

标签: jquery html

我刚刚完成,建立了我的第一个网站,但问题是感觉很重,即上下滚动感觉像是不稳定。页面加载起来相当不错(5秒),但是一旦你在那里,它感觉与theblaze.com非常相似。

是什么让网站感到沉重,以及找出原因的故障排除步骤是什么?这是一个带有一些jquery插件的html站点。我已经搜索了“重型网站”,“乱七八糟的滚动”等,但除了通常的“懒加载你的图像”或其他什么之外,没有多少出现。 (我正在这样做。)大多数人似乎都担心初始加载速度,但一旦你在网站上就不会感觉滚动。

可能的罪魁祸首是什么?

对我而言,感觉就像是记忆的东西。就像你打开photoshop并且电脑开始滞后一样。

3 个答案:

答案 0 :(得分:1)

如果您转到Google Page speed Insights :,它会列出您网站所遇到的所有陷阱,并且当时会建议您改进它们的方法。

Google会根据移动版和桌面版的效果对您的网站进行评分。如果你得到大约90+的分数,你应该认为你做得很好。

答案 1 :(得分:0)

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

当我要求浏览器调整图像大小而不是事先这样做时,我注意到了这种延迟。

答案 2 :(得分:0)

嗯,除了提到的工具之外,找到问题的过程非常简单;

  • 检查页面大小,包括图片
  • 删除任何脚本并“感觉”页面,如果仍然很重,问题是别的,如果感觉正确,那么问题是/是脚本
  • 如果问题是脚本,请先将其移至页面底部
  • 如果仍然影响,请检查它是否正常工作
  • 如果脚本太重,请尝试减少图像的数量和大小
  • 如果您使用表格,请尝试设置尺寸
  • 尝试避免嵌套表或许多嵌套的div,这需要一些渲染时间。
  • 滚动和刷新效果对浏览器的渲染引擎很重要。

检查所有内容,然后检查问题的具体解决方案。

再见