利用流来提高图片在服务器响应时间_PHP_编程开发_程序员俱乐部

中国优秀的程序员网站程序员频道CXYCLUB技术地图
热搜:
更多>>
 
您所在的位置: 程序员俱乐部 > 编程开发 > PHP > 利用流来提高图片在服务器响应时间

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

 2014/8/18 11:19:31  hongtoushizi  程序员俱乐部  我要评论(0)
  • 摘要:前面谈过如何巧用外部资源,尽可能减低服务器负载,CSS通过合并压缩,JS进行压缩小文件大小来加快服务器的响应的时间,在网站看到一篇用流的形式来加载图片,速度快上好几倍,采用MXHR技术,MXHR全称为MultipartXMLHttpRequest。它允许客户端只用一个HTTP请求就可以从服务端向客户端传送多个资源。这样就能节省大量的时间,因为HTTP请求是很花时间的。在本例中所有的图片只进行了一次HTTP请求,并不是每张图片一次请求。所以理论上能提高3-5倍的加载速度
  • 标签:

前面谈过如何巧用外部资源,尽可能减低服务器负载,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

?

  • 相关文章
发表评论
用户名: 匿名