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

标签 html css performance drupal lag

所以我有这个网站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/

相关文章:

jquery - jQ根据周围的div动态设置div高度

html - 3 个右对齐图像之间的间距仅在 Chrome 中看起来很奇怪

css - 为什么 Scrollspy 的目标是外部 div 而不是 ul?

mysql - EXPLAIN 结果中的 "key_len"列更重要还是 "rows"列?

c++ - 使我的桌面应用程序看起来加载/退出更快

html - 修复标题中的动画下划线

HTML5 正文和页脚

CSS 对具有多个类的元素的特殊性

css3 忽略嵌套的 UL 和 LI

c++ - 如何提高 DrawDIB 的质量?