我使用了这种方法：CSS Throwdown - 没有 JavaScript 的预加载图像 作者：Jeff Starr - http://perishablepress.com/press/2007/07/22/css-throwdown-preload-images-without-javascript/
当我在网络浏览器中查看它时它工作正常，但是在移动设备上，它似乎没有任何效果，.png 图标仍然需要很长时间才能加载。
Chris
问问题
2449 次
3 回答
1
预加载并不能使一切变得神奇地更快——它只是意味着有时会在需要数据之前发出请求。预加载是否发生？也许事情很慢，因为移动连接不是很好。
在我看来，这种预加载图像的方法在移动浏览器上可以正常工作——我非常怀疑移动浏览器通过不获取图像来“优化”是不可见的。
于 2009-09-15T09:02:26.443 回答
0
如果移动浏览器不支持 javascript（或对 javascript 的支持不够好），那么这种预加载方式可能不起作用。
我希望使用 javascript 预加载也可以在任何使用转码或在服务器上预渲染的浏览器或代理上工作。
您是否尝试过旧学校（90 年代）的预加载方法，即在主页（甚至每个页面）上包含图像，但大小为 1px x 1px（也可以尝试 0x0）。这可能意味着用户付费下载的内容超出了他们的需要。这是一个需要考虑的问题。
首先要做的是：确保您确实需要图像；使其尽可能小（物理尺寸和图像编码压缩）；和 [gzip] 压缩通过 HTTP 发送的文件。还要确保您正在尽一切努力让用户/客户端浏览器正确缓存图像。
于 2009-09-25T20:48:43.243 回答
0
如果您的网站将针对移动设备，而不仅仅是您正在测试的移动设备，您可能很难找到适用于所有移动浏览器的通用解决方案。如果你想提高图像的下载时间，也许你可以考虑调整图像的压缩来减小尺寸？
于 2009-10-02T07:19:58.420 回答