图形分辨率会使网页变慢吗?

时间:2012-05-10 00:08:39

标签: javascript html web webpage

我几天前推出了我的网站......最近它非常慢。它可能是图形吗?链接是:http://britobmarketing.com onMouseOver效果只需要很长时间。加载背景也需要一段时间。这一切都很慢......有人知道为什么会发生这种情况吗?

非常感谢!

-Brito。

6 个答案:

答案 0 :(得分:5)

当然,你有两张图片超过 1.5meg !这对网络来说是巨大的。

您必须将plainbgndwall.jpgbgndwall.jpg 的大小减少至少250kb

答案 1 :(得分:3)

是的,图像就像任何其他计算机资源一样。它们占用内存,并占用CPU处理周期来渲染它们。资源越大,内存使用量越大,渲染所需的CPU周期就越多。

我建议您制作低质量的压缩版图像。一些成像工具,如Adobe Fireworks(没有广告,它只是我使用的那个)可以选择压缩图像而不会出现明显的细节降级。您也可以减少或删除未使用的颜色。

此外,它不是所有慢速效果的主要原因。 DOM操作和错误代码也会影响性能。

答案 2 :(得分:3)

我已经在基于网络的负载测试中检查了您的页面浏览时间,加载页面大约需要11秒,而不是很棒的体验。结果如下:

enter image description here

在上面的屏幕中,您可以看到大部分时间都是通过图像拍摄的,这样您就可以了解您需要在哪里工作。您也可以通过输入您的URL在下面的链接中自行运行类似的测试,您将了解更多关于页面加载时发生的事情:

http://www.uptrends.com/aspx/free-html-site-page-load-check-tool.aspx

答案 3 :(得分:1)

这些图片巨大。要求您的用户在页面加载时下载4 + MB,然后在其上设置动画,真的会减慢任何网站的速度。减小图像的大小,您将看到更高的性能。

我总是试图让我的图像接近或低于100KB,以加快页面加载速度。如果我要显示超过500KB的图像,我会在用户导航时推迟加载它们。

答案 4 :(得分:0)

答案 5 :(得分:-1)

浏览器仅在首次需要时加载鼠标悬停图像。一旦浏览器缓存了它们,交换动画似乎要快得多。您可以强制立即加载图像,例如将它们放入隐藏的<img>标签中。

那就是说,要求如此多的大图像以获得如此微小的美容效果是有点糟糕的。连接速度较慢的用户可能会遇到糟糕的用户体验。