【发布时间】: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