【问题标题】:Problems loading images on 3G connections在 3G 连接上加载图像时出现问题
【发布时间】:2016-03-14 10:29:42
【问题描述】:

有人要求我帮助诊断website 的问题,该website 使用 stellar.js 创建可继续在移动设备上运行的视差类型效果。

当连接到办公室 wifi 时,网站会加载所有图像并正常运行。在 4G 上,网站也很好。

但是,在 3G 上,图像无法在移动设备上加载(iPad Air 2、Galaxy S6 用于测试)。更重要的是,16Mb/s 的 3G 连接速度比仅达到 4Mb/s 的非常基本的办公室 wifi 快四倍。

图像本身是 7 个 jpg,大小在 100 到 157 KB 之间,最接近 100,所有 7 个文件的总大小为 792KB。

我最初的怀疑是连接速度或设备无法处理图像,但在将它们调整为更小并发现它们在办公室工作得很好之后 wifi 连接速度慢得多这种规则速度/设备断电.

所以目前我很茫然。有关如何继续诊断问题或潜在解决方案的任何建议?

【问题讨论】:

  • 我正在使用 Firefox 开发者版,使用检查元素,在 css 中加载的图像,如 192.168.254.127/awards/img/Signature_059.jpg 未加载。路径是否正确?我无法连接到该 IP 地址。
  • 我得到的另一个错误是:这个页面没有正确重定向
  • @silviagreen 哇哦!奇怪的是,它们会在我第一次打开页面时加载到新选项卡中,但刷新后会消失,所以我完全忽略了检查 CSS 文件中设置的位置。谢谢你,让我省了很多麻烦!
  • 不客气,我会把一切都写成答案

标签: css image 3g stellar.js


【解决方案1】:

在 css 中加载的图像具有类似 192.168.254.127/awards/img/Signature_059.jpg 的路径,并且它们未加载。用正确的路径改变。

【讨论】:

    猜你喜欢
    • 2020-09-06
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-09-13
    • 1970-01-01
    • 2019-05-14
    • 1970-01-01
    • 2012-10-25
    相关资源
    最近更新 更多