所以我有这个网站here这有重大的性能问题。滚动非常慢,悬停效果有一点延迟和其他类似问题。不幸的是,现在我正在使用便宜的主机工作,所以我无法选择 gzip 我的文件,但我不确定这有多大影响。对于它的值(value),我将 Drupal 用作 CMS。
我想知道延迟的各种原因以及我可以做些什么来解决它。
一些关于:主页的内存统计信息:
内存:
- 私有(private):49664k
- 共享:13052k
- 总计:62716k
虚拟内存:
- 私有(private):53400k
- 映射:10412;
如果您需要更多信息,请告诉我。
最佳答案
在我的机器(运行 Chrome 10 的 2009 MacBook Pro)上看起来不错,但我认为您需要区分“性能”的概念。
gzip 压缩可减小构成您网站的文本文件的大小,从而缩短它们从您的网络服务器到达最终用户计算机所需的时间。这发生在页面加载到用户浏览器之前。它不会影响页面加载后的滚动速度。
页面上似乎确实包含了大量的 JavaScript 文件,其中一些文件的名称中包含“滚动”。我不确定当用户滚动时它们中的任何一个是否正在运行,从而减慢浏览器速度,但它似乎是最有可能的慢速滚动候选者。 (哦——除非 meagar 关于 background-size: cover;
的评论是正确的。)
编辑: 因为 background-size: cover
似乎是问题所在,我建议将其删除,并使背景图片足够大,这样看起来大多数屏幕分辨率都可以接受。您可能希望让制作图像的人对其进行编辑,使其在边缘淡出为单一颜色,以便它融入您的 background-color
以供更高分辨率的用户使用。
关于html - 为什么我的网站滚动缓慢,为什么它的悬停效果滞后?我怎样才能解决这个问题?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5638239/