所以我的网站here存在重大性能问题。滚动非常慢,悬停效果有一些滞后和其他类似问题。不幸的是,现在我正在寻找一个便宜的主机,所以我没有选择gzip我的文件,但我不确定这有多大的影响因素。对于它的价值,我使用Drupal作为CMS。
我想知道滞后的各种原因以及我可以做些什么来解决它。
一些关于:主页的记忆统计数据:
内存:
- 私人:49664k
- 共享:13052k
- 总计:62716k
虚拟记忆:
- 私人:53400k
- 映射:10412;
如果您需要更多信息,请与我们联系。
答案 0 :(得分:5)
我的机器(2009 MacBook Pro运行Chrome 10)似乎很好,但我认为你需要选择“性能”这个概念。
gzipping减少了构成您网站的文本文件的大小,因此减少了从Web服务器到最终用户的计算机所需的时间。这是在用户浏览器中加载页面之前发生的。一旦加载,它不会影响页面的滚动速度。
页面上似乎有一些公制的JavaScript文件,其中一些在其名称中有“滚动”。当用户滚动时,我不确定它们是否正在运行,从而减慢了浏览器的速度,但它似乎最有可能成为慢速滚动的候选者。 (哦 - 除非梅加尔关于background-size: cover;
的评论是正确的。)
编辑:,因为background-size: cover
似乎是个问题,我建议将其删除,并使背景图像相当大,以便在大多数屏幕分辨率下看起来都可以接受。您可能希望获得制作图像的人进行编辑,使其在边缘淡出为单一颜色,以便它与更高分辨率的用户融合到background-color
中。
答案 1 :(得分:1)
我使用Firebug删除了背景图像和定位,并且滚动立即加速。
部分速度将是各种JavaScript组件,但最明显的“滞后”是CSS元素中为HTML元素指定的固定2000x2000图像。
答案 2 :(得分:0)
那么,CMS通常会导致很多延迟。为什么:因为他们倾向于拥有一堆叫做JavaScript的错综复杂的malarkey,它通过提供简单的用法诱使用户使用。在大多数情况下,JavaScript本质上是无用的。我遇到了看起来不错的网站,但这甚至给我最新的alienware-gaming-machine消化不良。原因是:几乎所有东西都使用了JavaScript。无论您使用CMS还是复制粘贴自定义网页,这都会减慢速度。
简单的设计规则我已经了解:在必要时使用JavaSript执行任务。从来没有,在它没有添加任何功能的情况下,或者仅在你正在学习并想要测试时自然而且当你的客户不停地敲门时,因为他们想要动画弹出窗口,视差滚动等。
有些情况下,你需要JS,即使是眼睛,但是在太多的页面上,它太多了。结果:人们会喜欢您的网页,您的照片库页面不会花15秒钟来显示新的图片,或者滚动速度会让您认为互联网实际上更快"在20世纪90年代初...