【问题标题】:Cant find why some small images are taking 10 seconds to load无法找到为什么一些小图像需要 10 秒才能加载
【发布时间】:2011-12-18 01:41:29
【问题描述】:

我正在尝试优化我的网站以在 YSlow 和 PageSpeed 上至少达到 90。 我做得很好。但在以下结果中,有 4 张图片显示需要 9-10 秒才能加载。如果您查看详细信息,它实际上表明在这 10 秒中,大多数情况下 99% 仅在连接时。

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

谢谢

【问题讨论】:

  • 您的问题缺少人们需要的详细信息来帮助您诊断为什么以编程方式提供/生成的图像可能需要比正常时间更长的时间来加载/提供。
  • 您还需要什么详细信息?它只是普通的 html,我不想在这里粘贴,因为它可能不相关。这似乎是一个很难回答的问题。
  • 您错过了准确描述哪些图像,以便其他人可以实际测量速度并查看它们的来源,涉及哪些标题,这就是艾伦缺乏细节的意思。
  • 我刚刚粘贴了结果,您可以清楚地看到带有绿色条的图像需要很长时间。这些图像是如此之小,以至于我无法为那 9-10 秒找到解释。谢谢@Anton S
  • 图片单独加载会很慢吗?

标签: performance magento yslow pagespeed


【解决方案1】:

很有趣,甚至是WebPageTest.org shows the same issues,但是对于为什么会发生这种情况(至少对我来说)没有什么明显的,但我可以做出一些猜测:

  • 您正在将 www.printerdepot.net 上的 .css 文件中的图像调用到 www.printerdepot.com 上的图像? (额外的 DNS 查询)?分片问题?
  • 但为什么它只影响某些图像?
  • 一堆其他possibly related issues 级联通过?

我建议尝试将它们转换为 Base64 数据 URI 并更新 CSS 以查看是否可以提高性能。 See this article for more.

【讨论】:

    【解决方案2】:

    你为什么不只有一个图像精灵而不是小图像?它会更快(http://www.w3schools.com/css/css_image_sprites.asp),您只需向客户发送一张图片

    【讨论】:

    • 那是我想做的事情,但是用小图片,据我所知,最好的做法是用小图片做,但是如果你看到图片,一些有问题的图片是横幅,它们是尺寸但不是尺寸的大图片。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-05-14
    • 1970-01-01
    • 2012-11-13
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多