我被要求帮助诊断 website 的问题它使用 stellar.js 创建视差类型效果,该效果可继续在移动设备上运行。
当连接到办公室 wifi 时,网站会加载所有图像并正常运行。在 4G 上,该网站也很好。
但是在 3G 上,图像无法在移动设备上加载(iPad Air 2、用于测试的 Galaxy S6)。更重要的是,16Mb/s 的 3G 连接比仅达到 4Mb/s 的非常基本的办公室 wifi 快四倍。
图像本身是七个 jpg,大小在 100 到 157 KB 之间,最接近 100,所有七个的总大小为 792KB。
我最初怀疑是连接速度或设备无法处理图像,但在将它们调整为更小后发现它们在办公室工作得很好 wifi 连接速度慢得多这种规则速度/设备断电.
所以目前我很茫然。对于如何继续诊断问题或可能的解决方案有什么建议吗?
最佳答案
在 css 中加载的图像具有类似 192.168.254.127/awards/img/Signature_059.jpg 的路径,并且未加载。用正确的路径改变。
关于css - 在 3G 连接上加载图像时出现问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35985053/