[发明专利]一种加快页面加载速度的方法和装置

说明书

技术领域

本发明涉及数据传输技术，尤指一种加快页面加载速度的方法和装置。

背景技术

随着Web技术的不断推广，由用户使用的客户端为了包含更多的页面效果，需加载很多的组件，以实现丰富的页面效果。不容忽视的是，在使页面效果丰富多彩的同时，所加载的组件给客户端的页面的加载带来的负面效应，页面的加载和渲染都因系统需加载过多的Java脚本语言(即，JavaScript语言)和级联样式表(Cascading Style Sheets，简称为CSS)语言编写的代码所实现的组件而变得迟缓，严重影响了用户体验。以上用于实现组件的代码的加载过程耗时越久，客户端上安装的浏览器中显示的页面等待响应的时间就越长。页面的用户体验就会越差。

发明内容

为了解决上述技术问题，本发明提供了一种加快页面加载速度的方法和装置，其能够加快客户端页面加载的速度。

为了达到本发明目的，本发明提供了一种加快页面加载速度的方法，应用于服务器端，该方法包括：

在从请求加载页面的客户端接收到加载根据客户端所在系统的需求而开发的组件的请求的时候，压缩用于实现根据客户端所在系统的需求而开发的组件的代码，以及

将经压缩的用于实现根据客户端所在系统的需求而开发的组件的代码加载到客户端；

其中，用于实现根据客户端所在系统的需求而开发的组件的代码是采用Java脚本语言或级联样式表CSS语言开发的。

进一步地，在一个可选的实施例中，该方法还包括：

在从客户端接收到加载第三方插件的请求的时候，压缩用于实现第三方插件的代码，以及

将经压缩的用于实现第三方插件的代码加载到客户端，

其中，用于实现第三方插件的代码是采用Java脚本语言或级联样式表CSS语言开发的。

进一步地，在一个可选的实施例中，经压缩的用于实现根据客户端所在系统的需求而开发的组件的代码是用于实现对客户端的界面进行初始化的组件的代码；

在将经压缩的用于实现根据客户端所在系统的需求而开发的组件的代码加载到客户端的步骤之后，该方法还包括：

在从客户端接收到子页面加载请求的时候，将子页面加载请求所请求加载的子页面的组件的代码以及子页面的数据加载到客户端。

进一步地，在一个可选的实施例中，压缩用于实现根据客户端所在系统的需求而开发的组件的代码的步骤包括：

按照预先设定的压缩规则，删除不影响编译根据客户端所在系统的需求而开发的组件的代码的空格和注释；和/或

将在用于实现根据客户端所在系统的需求而开发的组件的代码中的、除了根据编码规则约定的变量名之外的变量名替换成占用的字节数量更少的变量名。

进一步地，在一个可选的实施例中，压缩用于实现第三方插件的代码的步骤，包括：

按照预先设定的压缩规则，删除不影响编译第三方插件的代码的空格和注释；和/或

将在用于实现第三方插件的代码中的、除了根据编码规则约定的变量名之外的变量名替换成占用的字节数量更少的变量名。

进一步地，在一个可选的实施例中，将子页面加载请求所请求加载的子页面的组件的代码以及子页面的数据加载到客户端的包装的步骤，包括：

压缩子页面加载请求所请求加载的子页面的组件的代码，以及

将经压缩的子页面加载请求所请求加载的子页面的组件的代码加载到客户端。

进一步地，在一个可选的实施例中，压缩子页面加载请求所请求加载的子页面的组件的代码的步骤，包括：

按照预先设定的压缩规则，删除不影响编译子页面加载请求所请求加载的子页面的组件的代码的空格和注释；和/或

将在压缩子页面加载请求所请求加载的子页面的组件的代码中的、除了根据编码规则约定的变量名之外的变量名替换成占用的字节数量更少的变量名。

为了达到本发明目的，本发明还提供了一种加快页面加载速度的装置，该装置包括：

系统组件代码压缩模块，设置成在从请求加载页面的客户端接收到加载根据客户端所在系统的需求而开发的组件的请求的时候，压缩用于实现根据客户端所在系统的需求而开发的组件的代码，以及

系统组件代码加载模块，设置成将经压缩的用于实现根据客户端所在系统的需求而开发的组件的代码加载到客户端；

其中，用于实现根据客户端所在系统的需求而开发的组件的代码是采用Java脚本语言或级联样式表CSS语言开发的。