前面谈过如何巧用外部资源,尽可能减低服务器负载,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,请求,MXHR,JS,响应,服务器,PHP,图片 From: https://blog.51cto.com/u_2700990/6318886