代码之家  ›  专栏  ›  技术社区  ›  chris

如何为移动网站预加载图像(例如http://m.youtube.com/、http://m.zoosk.com/)

  •  0
  • chris  · 技术社区  · 16 年前

    我使用了这种方法:css throwdown-不使用javascript预加载图像 杰夫·斯塔尔- http://perishablepress.com/press/2007/07/22/css-throwdown-preload-images-without-javascript/

    当我在网络浏览器中查看它时,它工作得很好,但是在移动设备上,它似乎没有任何效果,.png图标仍然需要很长时间才能加载。

    3 回复  |  直到 16 年前
        1
  •  1
  •   Dominic Rodger    16 年前

    预加载并不能神奇地让一切都变得更快——它只是意味着请求有时会在需要数据之前发出。预压到底发生了吗?也许事情只是因为移动连接不好而变得缓慢。

    在我看来,这种预加载图像的方法在移动浏览器上运行得很好——我非常怀疑移动浏览器通过不获取不可见的图像来“优化”。

        2
  •  0
  •   Matt Lacey    16 年前

    如果移动浏览器不支持javascript(或者对javascript的支持不够好),那么这种方式的预加载可能无法工作。

    我预计,在任何浏览器或代理服务器上使用转码或预呈现功能时,预装javascript也不太可能。

    你有没有尝试过旧式(90年代)的预加载方法,即在主页(甚至每页)上包含图像,但大小为1px乘以1px(也可以尝试0x0)。 这可能意味着用户花钱下载的内容比他们需要的多。这是一个需要考虑的问题。

    首先要做的是:确保您确实需要该图像;使其尽可能小(物理大小&图像编码压缩);并且[gzip]在通过http发送文件时对其进行压缩。还要确保您正在尽一切可能允许用户/客户端浏览器正确缓存图像。

        3
  •  0
  •   James Goodwin    16 年前

    如果你的网站是针对手机的,而不仅仅是针对你正在测试的手机,那么你可能很难找到一个在所有手机浏览器上都能工作的通用解决方案。如果你想提高图像的下载时间,也许你可以考虑调整图像的压缩以减小大小?