css - 在 3G 连接上加载图像时出现问题

标签 css image 3g stellar.js

我被要求帮助诊断 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/

相关文章:

javascript - 如何使用jQuery设置两个div的相同高度

html - 添加向下箭头以选择下拉菜单

javascript - jQuery 动画在开始和结束时颠簸

html - CSS使div卡在 Bootstrap 列的底部

ajax - 使用Grails从 Canvas 上载图像

android - 如何衡量我的应用程序的数据使用情况

image - 用不同颜色标记图像

c# - 如何从 WPF 窗口创建缩略图并将其转换为 bytes[] 以便我可以保留它?

java - 每次通过 3G 连接时 UDP 端口都会更改

c++ - 在 GPRS 连接处于事件状态时发送/接收 SMS