[发明专利]一种基于浏览器存储的网络请求优化方法

说明书

本发明公开了一种基于浏览器存储的网络请求优化方法，涉及分布式存储领域以及网络请求性能优化领域；在本发明中，浏览器首先发起数据加载请求；然后根据请求的id来获取浏览器的本地数据，如果有本地数据则进一步获取浏览器本地数据和数据版本，如果没有浏览器本地数据，则根据id发起网络请求获取服务端数据并返回；发起网络请求需要带上id以及版本信息；如果服务返回码是304则返回数据结束；如果服务返回码是200则返回最新数据和版本；本发明利用浏览器本地的存储能力，只需通过一个数据包来判断浏览器本地数据是否为正常数据。从而节省了网络带宽资源，也对浏览器的数据请求起到了加速的效果。

技术领域

本发明涉及分布式存储领域以及网络请求性能优化领域，尤其涉及一种一种基于浏览器存储的网络请求优化方法。

背景技术

浏览器本身是对静态资源做了缓存，但是对于大部分的动态资源并未进行本地缓存。每次的数据加载都是通过网络请求后获取后台数据。现有网络请求技术HTTP1.1和HTTP2都是基于TCP链接。如果页面多次访问相同的动态资源，会发生多次相同的网络请求，浪费网络资源。并且对于单次请求数据量大的情况，TCP的队头阻塞问题无法解决。

发明内容

本发明所要解决的技术问题是针对背景技术中多次相同的网络请求浪费网络资源以及单词请求数据量大会导致TCP对头阻塞的问题提供一种基于浏览器存储的网络请求优化技术。

本发明为解决上述技术问题采用以下技术方案：

一种基于浏览器存储的网络请求优化方法，包含客户端请求流程和服务端处理流程；

所述客户端请求流程用于用户的客户端数据请求；

所述服务端处理流程用于服务器处理浏览器端的数据请求。

作为本发明一种基于浏览器存储的网络请求优化方法的进一步优选方案，所述客户端请求流程包含以下步骤：

步骤2.1、网页发起数据加载请求；

步骤2.2、判断浏览器本地有无数据；如果浏览器本地有数据则进行步骤2.3，没有数据则进行步骤2.6；

步骤2.3、获取本地数据；

步骤2.4、判断数据进行数据

步骤2.5、判断网络请求校验数据是否有效；若有效，则返回数据；无效则进行步骤2.7；

步骤2.6、网络请求获取数据；

步骤2.7、进行浏览器的本地存储，并返回数据。

作为本发明一种基于浏览器存储的网络请求优化方法的进一步优选方案，所述服务端处理请求流程包含以下步骤：

步骤3.1、接收到数据加载的请求；

步骤3.2、根据请求id获取数据；

步骤3.3、对比数据库中数据版本和请求中数据版本，如果版本无更新则进行步骤3.4，版本有更新则进行步骤3.5；

步骤3.4、服务返回码是304，则返回数据并结束；

步骤3.5、服务返回码是200，则将最新网络数据和版本返回。

本发明采用以上技术方案与现有技术相比，具有以下技术效果：

1、本发明对于多次相同网络请求且一次网络请求数据大于1个数据包的请求有显著的优化效果；

2、本发明将部分请求缩减到一个数据包，对基于TCP 的队头阻塞问题有显著优化效果；

3、节省了网络带宽资源，也对浏览器的数据请求起到了加速的效果。

附图说明