提高Web站点资源加载速度的方法及系统的制作方法
【技术领域】
[0001]本发明涉及互联网数据应用领域，尤其涉及一种提高Web站点资源加载速度的方法及系统。
【背景技术】
[0002]现有的互联网的web应用中，很多网站存在访问速度缓慢的问题，为了增加访问速度，服务商往往通过投入大量的硬件资源或者提高网络带宽来提高用户的访问速度。
[0003]目前解决上述问题的技术手段主要依据如下方法:
[0004]1.当用户需要获取某个资源访问网点时，首先需要即时请求服务器下载所依赖的所有资源；
[0005]2.请求资源包括所有的静态资源和动态资源，而且所有的资源，包括静态资源，都需要服务器解析后返回给客户端用户；
[0006]3.所有的javascript文件和CSS文件都不经过极限压缩返回给客户端；
[0007]然而，上述解决方法中，存在如下不足:
[0008]1.所有资源都需要服务器解析后返回给用户，当用户访问量巨大之后，给服务器造成巨大的压力，服务商往往通过投入大量的硬件资源才能提高用户访问速度；
[0009]2.静态资源文件不通过压缩返回给客户端造成极大的带宽浪费，同时降低了用户体验，安全性也较差。
[0010]因此，如何设计出一种提高用户访问速率，并提高数据访问的安全性的资源获取方法便成为了目前亟待解决的问题。
【发明内容】
[0011]为解决上述技术问题，本发明公开了一种提高Web站点资源加载速度的方法，其包含如下步骤:
[0012]将待访问的Web浏览器端采用全静态资源构建而成；
[0013]将待访问的Web资源，采用预加载、异步加载和按需加载的方式存储在客户端内存；
[0014]用户访问Web浏览器，从客户端缓存中获取数据。
[0015]进一步地，在上述方法中，Web浏览器端资源的动态数据采用以XMLHTTPRequest异步方式加载数据。
[0016]进一步地，在上述方法中，Web浏览器端资源的css文件和javascript文件首先通过极限压缩工具压缩之后再上传到服务端部署。
[0017]进一步地，在上述方法中，经过极限压缩后，服务器端再采用GZIP方式进行再次压缩后，提供给浏览器用户访问使用。
[0018]进一步地，在上述方法中，当用户访问具体的资源时，若客户端缓存中不存在该资源，按照单例、按需加载的模式加载数据，同时将加载后的资源存储在缓存中。
[0019]另一方面，本发明还同时提供了一种提高Web站点资源加载速度的系统，所述系统包括:
[0020]资源构建模块，用于将待访问的站点浏览器端资源采用全静态资源构建而成；
[0021]加载模块，用于对于用户待访问的资源，采用预加载、异步加载和按需加载的方式存储在客户端内存；
[0022]获取模块，用于在用户通过Web浏览器访问站点时，从客户端缓存中获取数据。
[0023]优选地，所述系统还包括:
[0024]动态加载模块，用于将浏览器端资源的动态数据采用以XMLHTTPRequest异步方式加载数据。
[0025]优选地，所述系统还包括:
[0026]压缩模块，用于将浏览器端资源的css文件和javascript文件首先通过极限压缩工具压缩之后再上传到服务端部署。
[0027]优选地，所述系统还包括:
[0028]二次压缩模块，用于在经过极限压缩后，再采用GZIP方式进行再次压缩后，提供给浏览器用户访问使用。
[0029]优选地，所述系统还包括:
[0030]按需加载模块，用于当用户访问具体的资源时，若客户端缓存中不存在该资源，按照单例、按需加载的模式加载数据，同时将加载后的资源存储在缓存中。
[0031]与现有技术相比，本发明所提供的一种提高Web站点资源加载速度的方法及系统，网站浏览器端采用全静态资源构建而成，对服务器设备性能要求不高，从而降低了服务硬件成本；此外，本发明将待访问的资源，采用预加载、异步按需加载的方式，在程序内部以静默的方式加载，完成后存储在客户端内存，用户正式访问页面时，从缓存中获取数据，极大的提高了用户的访问效率；通过对脚本的混淆和压缩同时也提高了数据访问的安全性。
【附图说明】
[0032]图1为本发明实施例中的一种提高Web站点资源加载速度的方法的；流程示意图；
[0033]图2为本发明的一个优选实施例中用户访问站点的资源加载过程示意图。
【具体实施方式】
[0034]如在说明书及权利要求当中使用了某些词汇来指称特定组件。本领域技术人员应可理解，产品制造商可能会用不同名词来称呼同一个部件。本说明书及权利要求并不以名称的差异来作为区分部件的方式，而是以部件在功能上的差异来作为区分的准则。说明书后续描述为实施本发明的较佳实施方式，然所述描述乃以说明本发明的一般原则为目的，并非用以限定本发明的范围。本发明的保护范围当视所附权利要求所界定者为准。
[0035]以下结合附图对本发明作进一步详细说明，但不作为对本发明的限定。
[0036]参照附图1，本发明实施例所公开的一种提高Web站点资源加载速度的方法，包括如下步骤:
[0037]S1:将待访问的站点浏览器端资源采用全静态资源构建而成；
[0038]S2:对于用户待访问的资源，采用预加载、异步加载和按需加载的方式存储在客户端内存；
[0039]S3:用户通过Web浏览器访问站点，从客户端缓存中获取数据。
[0040]本发明的网站浏览器端采用全静态资源构建而成，对服务器设备性能要求不高，从而降低了服务硬件成本。
[0041]具体来说，对于站点资源构成，Web前端即浏览器端资源全部采用全静态资源构建而成，动态效果数据采用以XMLHTTPRequest异步方式加载数据。XMLHttpRequest对象可以在不向服务器提交整个页面的情况下，实现局部更新网页。当页面全部加载完毕后，客户端通过该对象向服务器请求数据，服务器端接受数据并处理后，向客户端反馈数据。XMLHttpRequest可以同步或异步返回Web服务器的响应，并且能以文本或者一个DOM文档形式返回内容。XMLHttpRequest并不限于和XML文档