我想在网站上快速加载多个图像,最好的方法是什么？
Fab*_*ani 5 html javascript xhtml jquery load
更新:这个问题已经过时,请忽略
所以..我的想法是一次加载一个完整的漫画/漫画,包括一个进度条,并制作一种流,如:
- 我的页面加载基本(HTML + CSS + JS)(当然)
- 完成后,我开始从我的服务器加载imgs(URL存储在JS var中),一次一个(或更快的方式),这样我就可以创建一个进度条.
替代方法:有没有办法在浏览器中加载包含所有imgs和uncompress的压缩文件？替代方案:我还在考虑将其保存为字符串然后解码,它们大多是.jpg- 图像不必立即显示,我只需要在完成后进行回调.
XTML和HTML5是可以接受的
为我的网站加载一系列图像的最快方法是什么？
编辑 自@Oded评论..问题是什么是加载图像的最佳技术,用户不必每次都等待转"页面".瞄准更类似的体验,就像在现实生活中阅读漫画一样.
EDIT2 正如一些人帮助我意识到的那样,我正在寻找类固醇预加载器
EDIT3 没有css技术人员会做
如果将大图像拆分成较小的部分,由于流水线操作,它们在现代浏览器上的加载速度会更快.
- 这里的示例假设3个流水线图像将比3个顺序加载的图像更快.那是真实的.但是假设3个流水线图像将比1个图像更快,充其量只是一个假设.实际上,在长距离(高延迟)链路上进行多次3路握手可能会导致流水线方法花费更长时间. (2认同)
替代方法:有没有办法在浏览器中加载包含所有imgs和uncompress的压缩文件？
图像格式已经过压缩.你可以通过拼接并试图进一步压缩它们来获得任何收益.
您可以将图像粘在一起并用于background-position显示它们的不同部分:这称为"精灵".但是spriting对于较小的图像来说非常有用,可以减少对服务器的HTTP请求数量并减少延迟; 对于像漫画页面这样的较大图像,其好处并不是很大,即使用户只想读取前几页,也需要一次性获取一个巨大的图像.
替代方案:我还在考虑将其保存为字符串然后解码
会有什么成就？在大多数情况下,作为字符串传输将比原始二进制文件慢得多.然后,为了将它们从JavaScript字符串转换为图像,您必须使用data:在IE6-IE7中不起作用的URL,并且限制在您可以放入多少数据.同样,这主要是针对小图像.
我认为你真正想要的是一个沼泽标准的图像预加载器.
您可以使用以下命令在javascript中预加载图像:
var x = new Image();
x.src = "someurl";
这可以像你描述的那样"将图像保存在字符串中".