利用流来提高图片在服务器响应时间
前面谈过如何巧用外部资源，尽可能减低服务器负载,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版实例下载。
相关文章
图文推荐
-
You in my memory Deleted
-
ps调色教程：Photoshop如何通过后期调色美化风景图片？
-
PHP设计模式之观察者模式(Observer)详细介绍和代码实例
-
隔一时梦一世 意境女生头像大全
- 文章
- 推荐
- 热门新闻