无法找到为什么某些小图像需要 10 秒才能加载

发布于 2024-12-13 00:47:38 字数 419 浏览 3 评论 0原文

我正在尝试优化我的网站,以在 YSlow 和 PageSpeed 上达到至少 90 分。 我做得很好。但在下面的结果中,有 4 张图像显示加载时间为 9-10 秒。如果你看细节,它实际上表明,在这 10 秒中,大多数 99% 都是在仅连接时。

这是一个 magento 商店,我不知道应该做什么来解决这个问题,因为图像不是很大。 http://gtmetrix.com/reports/www.theprinterdepo.com/FyZjLbUX

在此处输入图像描述

谢谢

I am trying to optimize my site to accomplish at least 90 on YSlow and PageSpeed.
I am doing pretty well. But in the following result, there are 4 images that show that take 9-10 seconds to load. If you see the detail, it actually shows that of those 10 seconds, mostluy 99% is while connecting only.

This is a magento store, and I am not sure what I should do to fix this problem because the images are not really big.
http://gtmetrix.com/reports/www.theprinterdepo.com/FyZjLbUX

enter image description here

Thank you

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

你是我的挚爱i 2024-12-20 00:47:38

有趣的是,即使 WebPageTest.org 也显示了相同的问题,但没有什么明显的为什么会发生这种情况(至少对我来说),但我可以做出一些猜测:

  • 您正在从 www.printerdepot.net 上的 .css 文件中调用图像到www.printerdepot.com? (额外的 DNS 查找)?分片问题?
  • 但为什么它只影响某些图像呢?
  • 一堆其他可能相关的问题 是级联的?

我建议尝试将它们转换为 Base64 数据 URI 并更新 CSS,看看是否可以提高性能。 请参阅本文了解更多信息

Interesting, even WebPageTest.org shows the same issues, but there's nothing obvious as to why this occuring (at least to me), but I can make some guesses:

  • you're calling an image from within the .css file on www.printerdepot.net to an image on www.printerdepot.com? (additional DNS lookup)? Sharding issue?
  • but then why does it only affect some images?
  • a bunch of other possibly related issues that are cascading through?

I'd suggest trialling converting them to Base64 Data URIs and updating the CSS to see if that improves the performance. See this article for more.

完美的未来在梦里 2024-12-20 00:47:38

为什么不只使用一个图像精灵,而不是使用小图像呢?它会快得多(http://www.w3schools.com/css/css_image_sprites.asp),您只需要向客户端发送一张图像

instead of having small images why don't you have only one image sprite? It will be much faster (http://www.w3schools.com/css/css_image_sprites.asp) and you will only need to send to the client one image

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文