[发明专利]一种基于图片流的前端加速方法

说明书

技术领域

本发明涉及前端优化技术。

背景技术

随着CDN（内容分发网络）发展越发成熟，内容缓存和分发网络给网站建设者提供了更好的服务，更好、更快捷地提供网站源内容给用户则是网站建设不变的目标。

目前，常采用前端优化技术来优化网站性能。如图1所示，前端优化技术在后端源站服务器添加一个优化模块101。该优化模块101针对源站的各式资源（包括HTML、CSS、JS、图片等）进行优化加速，包括图片压缩、请求合并等等技术，减少服务器带宽压力，减少资源请求数目，降低传输的内容大小，从而提升了用户浏览网站的体验。

前端优化技术可以有效地减少网页的整体加载时间。随着互联网的发展，用户需求更为交互式、动态化以及高清质量的图片，这样网页设计者就得建设更大更复杂的网页应用。而同时用户也需求网页应用的下载和运行速度能够越来越快，这是一对互相矛盾的需求，使得前端优化加速更为复杂和困难，尤其体现在无线领域等带宽不足的网络环境下。

而现有的CDN和其他网页分发优化技术并不能很好的解决这个冲突矛盾。

对于那些以留住用户为首要目的的网站，首页的加载显示速度显得尤为重要。用户在使用浏览器打开网页时，浏览器加载忙指示器是一项非常重要的指标。要想更快的网页加载速度，缩短用户等待时间，更为智能地流式过程化处理显得十分重要。

发明内容

为了解决用户需求更优质丰富的前端网页内容体验与更快的网页加载显示速度互相矛盾的问题，本发明提出一种基于图片流处理的加速方法。

所述基于图片流的前端加速方法包括：

将一个图片的URL请求分多次请求发送，所述多次请求至少包括第一次图片URL请求和第二次图片URL请求；

页面数据处理客户端改写所述图片的URL并在后台控制所述多次请求，将针对第二次图片URL请求的响应覆盖替换针对第一次图片URL请求的响应；

其中，第二次图片URL请求为经所述页面数据处理客户端改写后的图片URL请求；并且，针对第一次图片URL请求的响应只包含图片的第一部分数据。

在一个实施例中，所述将一个图片的URL请求分多次请求发送的步骤包括以下步骤：

浏览器客户端发起第一次图片URL请求；

服务器端收到第一次图片URL请求并生成针对第一次图片URL请求的响应，其中，在针对第一次图片URL请求的响应中插入页面数据处理代码的URL；

所述浏览器客户端收到所述针对第一次图片URL请求的响应，并在页面中加载所述响应所对应的图片的第一部分数据，同时解析页面并根据所插入页面数据处理代码的URL发送页面数据处理的请求；

服务器端根据服务器端配置提供的动态页面数据处理接口自动生成页面数据处理响应；

浏览器客户端解析并执行所述页面数据处理响应。

在一个实施例中，所述页面数据处理响应包括静态页面数据处理代码文件和所述动态页面数据处理接口，所述动态页面数据处理接口是根据所述服务器端的配置信息自动生成的，所述动态页面数据处理接口包含要进行第二次图片URL请求处理的域名。

在一个实施例中，服务器端收到第一次图片URL请求并生成针对第一次图片URL请求的响应的步骤包括：

服务器端根据所述动态页面数据处理接口获取的信息来决定是否进行图片流处理，如果满足图片流处理条件，则所述服务器端将图片响应传送至图片格式转换装置，将图片转换成渐进式的扫描显示格式，并对转换后的图片进行切割以生成所述图片的第一部分数据。

在一个实施例中，所述图片流处理条件包括：请求域名是否加速、请求用户－代理（User-Agent）是否支持图片流、请求Referer是否是加速页面。

在一个实施例中，所述页面数据处理客户端在后台控制所述多次请求，将针对第二次图片URL请求的响应覆盖替换针对第一次图片URL请求的响应的步骤包括：

所述页面数据处理客户端对所述图片的URL进行改写，并在后台向服务器端发起第二次图片URL请求；

所述服务器收到所述第二次图片URL请求后，经分析发现是改写后的图片URL请求，则将所述第二次图片URL请求与原始请求对应并生成针对第二次图片URL请求的响应；

所述页面数据处理客户端获得所述服务器端返回的针对第二次图片URL请求的响应；

所述页面数据处理客户端将所述针对第二次图片URL请求的响应所对应的图片替换页面中针对第一次图片URL请求的响应所对应的图片。