html - 为什么我的网站滚动缓慢，为什么它的悬停效果滞后？我怎样才能解决这个问题？

Question

所以我有这个网站here这有重大的性能问题。滚动非常慢，悬停效果有一点延迟和其他类似问题。不幸的是，现在我正在使用便宜的主机工作，所以我无法选择 gzip 我的文件，但我不确定这有多大影响。对于它的值(value)，我将 Drupal 用作 CMS。

我想知道延迟的各种原因以及我可以做些什么来解决它。

一些关于:主页的内存统计信息:

内存:
- 私有(private):49664k
- 共享:13052k
- 总计:62716k

虚拟内存:
- 私有(private):53400k
- 映射:10412；

如果您需要更多信息，请告诉我。

Answer 1

在我的机器(运行 Chrome 10 的 2009 MacBook Pro)上看起来不错，但我认为您需要区分“性能”的概念。

gzip 压缩可减小构成您网站的文本文件的大小，从而缩短它们从您的网络服务器到达最终用户计算机所需的时间。这发生在页面加载到用户浏览器之前。它不会影响页面加载后的滚动速度。

页面上似乎确实包含了大量的 JavaScript 文件，其中一些文件的名称中包含“滚动”。我不确定当用户滚动时它们中的任何一个是否正在运行，从而减慢浏览器速度，但它似乎是最有可能的慢速滚动候选者。 (哦——除非 meagar 关于 background-size: cover; 的评论是正确的。)

编辑: 因为 background-size: cover 似乎是问题所在，我建议将其删除，并使背景图片足够大，这样看起来大多数屏幕分辨率都可以接受。您可能希望让制作图像的人对其进行编辑，使其在边缘淡出为单一颜色，以便它融入您的 background-color 以供更高分辨率的用户使用。