利用流来提高图片在服务器响应时间

前面谈过如何巧用外部资源，尽可能减低服务器负载,CSS 通过合并压缩，JS进行压缩小文件大小来加快服务器的响应的时间,在网站看到一篇用流的形式来加载图片，速度快上好几倍， 采用MXHR技术，MXHR全称为Multipart XMLHttpRequest。它允许客户端只用一个HTTP请求就可以从服务端向客户端传送多个资源。这样就能节省大量的时间,因为HTTP请求是很花 时间的。在本例中所有的图片只进行了一次HTTP请求,并不是每张图片一次请求。所以理论上能提高3-5倍的加载速度。对于上一次纯HTML和JS的代 码,本次在后台还使用了PHP。利用PHP读取图片,并将其转为base64编码。这里要说明的是对于img标签的src它不仅支持直接写图片路径,还可 以用这样的方式：

Mxhr的却减少了HTTP请求的数量，但是也有浏览器自身的限制，由于IE6,7中的xmlhttp请求不支持readyState为3的情况，而且不支持图片的：

 

img.src = 'data:image/png;base64,' + imageData;
下面是网上的一个实例，如何利用JS+PHP实流加载图片，MXHR PHP版实例

 

 

 

 

转载自： http://www.9streets.cn/art-php-525.html