javascript - 图形分辨率会使网页变慢吗？

Question

我几天前才启动了我的网站……最近非常慢。会不会是图形？链接是：http ://britobmarketing.com onMouseOver 效果需要很长时间才能发生。背景也需要一段时间才能加载。这一切都很慢......有人知道为什么会这样吗？

非常感谢你！

-布里托。

score 5 · Accepted Answer

当然，您有 2 张超过1.5meg的图像！这对网络来说是巨大的。

您必须将每个文件的大小减少到至少 250kbplainbgndwall.jpg或以下。bgndwall.jpg

score 3 · Accepted Answer

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

我建议您制作图像的低质量压缩版本。一些成像工具，如 Adobe Fireworks（没有广告，它只是我使用的那个）可以选择压缩图像而不会显着降低细节。您还可以减少或删除未使用的颜色。

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

score 3 · Accepted Answer

我在基于 Web 的负载测试中检查了您的页面浏览时间，加载页面大约需要 11 秒，这不是一个很好的体验。结果如下：

在此处输入图像描述

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

score 1 · Accepted Answer

那些图像是巨大的。要求您的用户在页面加载时下载 4+MB，然后对其进行动画处理，这确实会减慢任何网站的速度。减小图像的大小，您将看到性能提高。

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

score 0 · Accepted Answer

0

这将有助于：

于 2012-05-10T00:15:57.817 回答

score -1 · Accepted Answer

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

也就是说，需要这么多大图像才能获得如此小的美容效果有点糟糕。连接速度慢的人可能会有糟糕的用户体验。

6 回答 6