CN109002557A - 基于浏览器缓存机制优化网页加载速度的方法、电子设备 - Google Patents

Abstract

本发明公开基于浏览器缓存机制优化网页加载速度的方法、电子设备，其包括：获取脚本文件，并对所述脚本文件进行分类，得到分类脚本文件，所述分类脚本文件包括用于缓存的第一脚本文件和用于直接推入后台服务器的第二脚本文件；将预设的前缀文件添加至所述第一脚本文件中，得到目标脚本文件和层叠样式表；根据所述目标脚本文件和层叠样式表生成对应的版本控制文件；将所述第一脚本文件、第二脚本文件和版本控制文件推入所述后台服务器；后台服务器在接收到所述第一脚本文件、第二脚本文件和版本控制文件后，检测是否为第一次推入。本发明提供的方法，大大提高了网页加载的速度、提高了效率和节约了时间。

Description

基于浏览器缓存机制优化网页加载速度的方法、电子设备

技术领域

本发明涉及前端编程语言领域，尤其涉及基于浏览器缓存机制优化网页加载速度的方法、电子设备。

背景技术

随着科技不断进步以及生活水平的提高，通过浏览器浏览网页已经成为人们日常的休闲或工作方式。例如，通过网页在线观看电影、通过网页在线听音乐或通过网页查询资料等等。

网页的加载速度除了与网速有直接关系外，还与浏览器加载网页的方式的有关。现有技术中，浏览器在接收用户的浏览或查看请求后，然后向后台服务器请求网页，然后浏览器获取网页，并显示。

这种获取网页的方式，当多个用户向后台服务器发送请求时，容易造成后台服务器崩溃。因此，通过CDN(Content Delivery Network)系统的方式优化加载速度。通过在网络各处放置节点服务器，也就是说，在现有的互联网基础之上的建立一层智能虚拟网络，CDN系统能够根据网络流量、负载状况以及到用户的距离和响应时间等综合信息将用户的请求重新导向离用户最近的服务节点上，使用户可就近取得所需内容，解决Internet网络拥挤的状况，提高用户访问网站的速度。

然而，部分网页使用CDN系统优化后，加载网页的速度依旧不理想。并且，用户在修改脚本文件后，没有修改的脚本文件也需要重新推入CDN系统，影响网页加载速度。此外，当用户禁止网络请求后，需要重新加载全部资源，影响网页加载速度。

因此，现有技术还有待于改进和发展。

发明内容

鉴于上述现有技术的不足，本发明的目的在于提供基于浏览器缓存机制优化网页加载速度的方法、电子设备，旨在解决现有技术中网页加载速度不佳的问题。

本发明的技术方案如下：

一种基于浏览器缓存机制优化网页加载速度的方法，其包括：

获取脚本文件，并对所述脚本文件进行分类，得到分类脚本文件，所述分类脚本文件包括用于缓存的第一脚本文件和用于直接推入后台服务器的第二脚本文件；

将预设的前缀文件添加至所述第一脚本文件中，得到目标脚本文件和层叠样式表；

根据所述目标脚本文件和层叠样式表生成对应的版本控制文件；

将所述第一脚本文件、第二脚本文件和版本控制文件推入所述后台服务器；

后台服务器在接收到所述第一脚本文件、第二脚本文件和版本控制文件后，检测是否为第一次推入；

当不是第一次推入时，后台服务器读取所述版本控制文件，并判断所述版本控制文件是否已更新，若否，则读取浏览器缓存的脚本文件，若是，则根据更新后的版本控制文件获取更新目标脚本文件，并根据所述更新目标脚本文件加载网页；

当是第一次推入时，后台服务器则根据接收到的第一脚本文件对缓存机制中的脚本文件进行更新，得到更新目标脚本文件，并根据所述更新目标脚本文件加载网页。

优选的，所述版本控制文件包括更新版本控制文件、新增版本控制文件和未更新版本控制文件的一种或几种。

优选的，所述根据所述目标脚本文件和层叠样式表生成对应的版本控制文件的步骤之后包括：

接收用户对版本控制文件进行修改的指令，对所述未更新版本控制文件进行修改，得到所述更新版本控制文件；

根据所述更新版本控制文件对目标脚本文件进行修改，得到更新目标脚本文件。

优选的，所述层叠样式表用于编辑网页的字体颜色、背景颜色和网页样式。

优选的，所述获取脚本文件，并对所述脚本文件进行分类，得到分类脚本文件，所述分类脚本文件包括用于缓存的第一脚本文件和用于直接推入后台服务器的第二脚本文件的步骤之后、所述将预设的前缀文件添加至所述第一脚本文件中，得到目标脚本文件和层叠样式表步骤之前包括：

将所述第二脚本文件存储至一预备区，并在接收到将第二脚本文件推入后台服务器的指令后，将所述第二脚本文件从所述预备区推入所述后台服务器。

本发明还提供一种电子设备，其包括：

处理器，适于实现各指令，以及

存储设备，适于存储多条指令，所述指令适于由处理器加载并执行：

获取脚本文件，并对所述脚本文件进行分类，得到分类脚本文件，所述分类脚本文件包括用于缓存的第一脚本文件和用于直接推入后台服务器的第二脚本文件；

将预设的前缀文件添加至所述第一脚本文件中，得到目标脚本文件和层叠样式表；

根据所述目标脚本文件和层叠样式表生成对应的版本控制文件；

将所述第一脚本文件、第二脚本文件和版本控制文件推入所述后台服务器；

后台服务器在接收到所述第一脚本文件、第二脚本文件和版本控制文件后，检测是否为第一次推入；

当不是第一次推入时，后台服务器读取所述版本控制文件，并判断所述版本控制文件是否已更新，若否，则读取浏览器缓存的脚本文件，若是，则根据更新后的版本控制文件获取更新目标脚本文件，并根据所述更新目标脚本文件加载网页；

当是第一次推入时，后台服务器则根据接收到的第一脚本文件对缓存机制中的脚本文件进行更新，得到更新目标脚本文件，并根据所述更新目标脚本文件加载网页。

优选的，所述版本控制文件包括更新版本控制文件、新增版本控制文件和未更新版本控制文件的一种或几种。

优选的，所述层叠样式表用于编辑网页的字体颜色、背景颜色和网页样式。

优选的，所述获取脚本文件，并对所述脚本文件进行分类，得到分类脚本文件，所述分类脚本文件包括用于缓存的第一脚本文件和用于直接推入后台服务器的第二脚本文件的步骤之后、所述将预设的前缀文件添加至所述第一脚本文件中，得到目标脚本文件和层叠样式表步骤之前包括：

将所述第二脚本文件存储至一预备区，当接收到将第二脚本文件推入后台服务器的指令时，将所述第二脚本文件从所述预备区推入所述后台服务器。

本发明还提供一种计算机程序产品，计算机程序产品包括存储在非易失性计算机可读存储介质上的计算机程序，计算机程序包括程序指令，当程序指令被处理器执行时，使所述处理器所述的基于浏览器缓存机制优化网页加载速度的方法。

本发明还提供了一种非易失性计算机可读存储介质，所述非易失性计算机可读存储介质存储有计算机可执行指令，该计算机可执行指令被一个或多个处理器执行时，可使得所述一个或多个处理器执行所述的基于浏览器缓存机制优化网页加载速度的方法。

有益效果：通过本发明提供的方法，通过先获取脚本文件，然后对脚本文件进行分类，便可以得到用于缓存的第一脚本文件和用于直接推入后台服务器的第二脚本文件；然后，将预先设置的前缀文件添加至第一脚本文件中，从而得到目标脚本文件和层叠样式表；自动根据所述目标脚本文件和层叠样式表生成对应的版本控制文件；再然后，将所述第一脚本文件、第二脚本文件和版本控制文件推入(上传至)后台服务器，这样，后台服务器便可以判断是否为第一次上传，当是第一上传时，后台服务器则根据接收到的第一脚本文件对缓存机制中的脚本文件进行更新，得到更新目标脚本文件，并根据所述更新目标脚本文件加载网页；当不是第一次推入时，后台服务器读取所述版本控制文件，并判断所述版本控制文件是否已更新，若否，则读取浏览器缓存的脚本文件，若是，则根据更新后的版本控制文件获取更新目标脚本文件，并根据所述更新目标脚本文件加载网页。本发明提供的方法，大大提高了网页加载的速度，并且，当用户对脚本文件进行修改时，不再需要将未修改的脚本文件推入后台服务器，大大提高了效率。不仅如此，当用户禁止或中断网络请求时，也不需要重新加载全部资源，从而提高了网页加载速度和效率。

附图说明

图1为本发明基于浏览器缓存机制优化网页加载速度的方法较佳实施例的流程图。

图2为本发明一种电子设备较佳实施例的结构框图。

具体实施方式

本发明提供基于浏览器缓存机制优化网页加载速度的方法、电子设备，为使本发明的目的、技术方案及效果更加清楚、明确，以下对本发明进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。

请参阅图1，一种基于浏览器缓存机制优化网页加载速度的方法，其包括：

S1、获取脚本文件，并对所述脚本文件进行分类，得到分类脚本文件，所述分类脚本文件包括用于缓存的第一脚本文件和用于直接推入后台服务器的第二脚本文件；

S2、将预设的前缀文件添加至所述第一脚本文件中，得到目标脚本文件和层叠样式表；

S3、根据所述目标脚本文件和层叠样式表生成对应的版本控制文件；

S4、将所述第一脚本文件、第二脚本文件和版本控制文件推入所述后台服务器；

S5、后台服务器在接收到所述第一脚本文件、第二脚本文件和版本控制文件后，检测是否为第一次推入；

S6、当不是第一次推入时，后台服务器读取所述版本控制文件，并判断所述版本控制文件是否已更新，若否，则读取浏览器缓存的脚本文件，若是，则根据更新后的版本控制文件获取更新目标脚本文件，并根据所述更新目标脚本文件加载网页；

S7、当是第一次推入时，后台服务器则根据接收到的第一脚本文件对缓存机制中的脚本文件进行更新，得到更新目标脚本文件，并根据所述更新目标脚本文件加载网页。

需要说明的是，本发明的中S1、S2、S3、S4、S5、S6和S7并不代表步骤的先后顺序，仅仅是为了方便说明。显然步骤S6和步骤S7是并列的关系，而不是先后的顺序。

通过本发明提供的方法，用户在修改脚本后，不再需要将所有的脚本文件(修改后的脚本文件和未修改的脚本文件)推入后台服务器，只需将修改后的版本控制文件上传至后台服务器，后台服务器便可根据版本控制文件自动更新对应脚本文件，得到目标脚本文件，从而根据目标脚本文件加载网页。这边，便可大大提高了网页的加载速度，节约了时间，提高了效率。

所述步骤S1中，脚本文件英文为Script。实际上脚本文件就是程序代码，一般都是由应用程序提供的编程语言，应用程序包括浏览器(javaScript、VBScript)或多媒体创作工具等等。脚本文件类似于DOS操作系统中的批处理文件，它可以将不同的命令组合起来，并按确定的顺序自动连续地执行。脚本文件是文本文件，用户可使用任一文本编辑器来创建脚本文件。

先对脚本文件进行分类，便可得到用于缓存的第一脚本文件和用于直接推入后台服务器的第二脚本文件。例如，脚本文件包括：脚本文件A、脚本文件B、脚本文件C、脚本文件D和脚本文件E，根据脚本文件的修改日期或种类进行分类，例如，将脚本文件A、脚本文件B和脚本文件C作为第一脚本文件；将脚本文件D和脚本文件E作为第二脚本文件。其中，第一脚本文件可以缓存在浏览器中，第二脚本文件可以直接推入(上传)至后台服务器中。

优选的，所述获取脚本文件，并对所述步骤S1之后、步骤S2之前包括：

将所述第二脚本文件存储至一预备区，并在接收到将第二脚本文件推入后台服务器的指令后，将所述第二脚本文件从所述预备区推入所述后台服务器。

所述预备区具体是指电子设备的内存。也就是说，现将第二脚本文件存储在电子设备的内存中。在接收到上传的指令或通知时，便将第二脚本文件推入后台服务器。

所述步骤S2中，所述前缀文件是指脚本文件的分类名称。也就是说，将前置文件设置在脚本文件的“前面”。例如，将前缀文件“01”设置于第一脚本文件的第一组中，从而得到目标脚本文件；将前缀文件“02”设置于第一脚本文件的第二组中，从而得到层叠样式表等等。

优选的，所述层叠样式表用于编辑网页的字体颜色、背景颜色和网页样式。层叠样式表也叫做style-sheet，通常指的是指后缀名为“.css”的文件。用户可通过层叠样式表编辑网页的字体颜色、背景颜色和网页样式。例如，将网页的字体颜色设置为红色，背景颜色设备为白色，网页样式设置为嵌入式。

优选的，还可通过所述层叠样式表设置文字的字号和字体样式。例如，将字体的字号设置为“14”号，字体样式为“楷体”等等。

所述步骤S3中，所述版本控制文件是指脚本说明文件，即脚本说明。也就是说，用户可通过版本控制文件查看该脚本文件的作用和类别等等。

例如，根据目标脚本文件A生成的版本控制文件为a；根据层叠样式表B生成的版本控制文件为b。

优选的，所述版本控制文件包括更新版本控制文件、新增版本控制文件和未更新版本控制文件的一种或几种。

所述更新版本控制文件是指更新后的版本控制文件；所述新增版本控制文件是指新添加的版本控制文件；所述未更新版本控制文件是指尚未更新的版本控制文件。

优选的，所述步骤S3之后包括：

接收用户对版本控制文件进行修改的指令，对所述未更新版本控制文件进行修改，得到所述更新版本控制文件；

根据所述更新版本控制文件对目标脚本文件进行修改，得到更新目标脚本文件。

当用户对版本控制文件进行修改时，也就是说，对版本控制文件进行更新，那么在用户对版本文件编辑或修改后，便可以得到更新后的版本控制文件(更新版本控制文件)。

然后，后台服务器便可以根据更新版本控制文件对目标脚本文件进行修改，得到更新后的目标脚本文件(更新目标脚本文件)。

例如，用户对版本控制文件A进行修改，得到修改后的版本控制文件，即更新版本控制文件B。由于，版本控制文件A是由脚本文件a生成的，那么便可以根据更新版本控制文件B对脚本文件a进行相应的更新或修改，得到目标脚本文件a0。

所述步骤S4中，在接收到将第一脚本文件、第二脚本文件和版本控制文件推入所述后台服务器的指令后，从内存中读取第二脚本文件，从浏览器中读取第一脚本文件和版本控制文件，然后将第一脚本文件、第二脚本文件和版本控制文件推入所述后台服务器。从而，完成第一脚本文件、第二脚本文件和版本控制文件的上传。

所述步骤S5中，后台服务器在接收到第一脚本文件、第二脚本文件和版本控制文件后，将对第一脚本文件、第二脚本文件和版本控制文件进行检测，判断是否为第一次推入至后台服务器。

所述步骤S6中，当所述步骤S5的判断结果为：不是第一次推入，后台服务器便读取上传的版本控制文件，然后判断版本控制文件是否已更新。如果，版本控制文件为更新版本控制文件，也就是说，版本控制文件是更新后的版本控制文件，那么根据更新后的版本控制文件获取更新目标脚本文件，并根据所述更新目标脚本文件加载网页。

如果，版本控制文件没有更新，那么读取浏览器缓存的脚本文件，并根据该脚本文件进行加载网页。

所述步骤S7中，当所述步骤S5的判断结果为：是第一次推入，后台服务器便根据接收到的第一脚本控制文件对浏览器缓存机制中的脚本文件进行更新，使得浏览器缓存机制中的脚本文件为最新的脚本文件。然后，根据最新的脚本文件加载网页。

通过本发明提供的方法，用户加载网页的速度大大得到提升。在用户修改脚本后，不再需要将所有的脚本文件(未修改的脚本文件和修改后的脚本文件)推入后台服务器，从而提高了效率，节约了时间，并且，优化了网页的加载速度。

请参阅图2，本发明还提供一种电子设备10，其包括：

处理器110，适于实现各指令，以及

存储设备120，适于存储多条指令，所述指令适于由处理器加载并执行：

获取脚本文件，并对所述脚本文件进行分类，得到分类脚本文件，所述分类脚本文件包括用于缓存的第一脚本文件和用于直接推入后台服务器的第二脚本文件；

将预设的前缀文件添加至所述第一脚本文件中，得到目标脚本文件和层叠样式表；

根据所述目标脚本文件和层叠样式表生成对应的版本控制文件；

将所述第一脚本文件、第二脚本文件和版本控制文件推入所述后台服务器；

后台服务器在接收到所述第一脚本文件、第二脚本文件和版本控制文件后，检测是否为第一次推入；

当不是第一次推入时，后台服务器读取所述版本控制文件，并判断所述版本控制文件是否已更新，若否，则读取浏览器缓存的脚本文件，若是，则根据更新后的版本控制文件获取更新目标脚本文件，并根据所述更新目标脚本文件加载网页；

当是第一次推入时，后台服务器则根据接收到的第一脚本文件对缓存机制中的脚本文件进行更新，得到更新目标脚本文件，并根据所述更新目标脚本文件加载网页。

所述处理器110可以为通用处理器、数字信号处理器(DSP)、专用集成电路(ASIC)、现场可编程门阵列(FPGA)、单片机、ARM(Acorn RISCMachine)或其它可编程逻辑器件、分立门或晶体管逻辑、分立的硬件组件或者这些部件的任何组合。还有，处理器还可以是任何传统处理器、微处理器或状态机。处理器也可以被实现为计算设备的组合，例如，DSP和微处理器的组合、多个微处理器、一个或多个微处理器结合DSP核、任何其它这种配置。

存储设备120作为一种非易失性计算机可读存储介质，可用于存储非易失性软件程序、非易失性计算机可执行程序以及模块，如本发明实施例中的基于浏览器缓存机制优化网页加载速度的方法对应的程序指令。处理器通过运行存储在存储设备中的非易失性软件程序、指令以及单元，从而执行基于浏览器缓存机制优化网页加载速度的各种功能应用以及数据处理，即实现上述方法实施例中的基于浏览器缓存机制优化网页加载速度的方法。

优选的，所述版本控制文件包括更新版本控制文件、新增版本控制文件和未更新版本控制文件的一种或几种。

优选的，所述层叠样式表用于编辑网页的字体颜色、背景颜色和网页样式。

优选的，所述获取脚本文件，并对所述脚本文件进行分类，得到分类脚本文件，所述分类脚本文件包括用于缓存的第一脚本文件和用于直接推入后台服务器的第二脚本文件的步骤之后、所述将预设的前缀文件添加至所述第一脚本文件中，得到目标脚本文件和层叠样式表步骤之前包括：

将所述第二脚本文件存储至一预备区，当接收到将第二脚本文件推入后台服务器的指令时，将所述第二脚本文件从所述预备区推入所述后台服务器。

关于上述电子设备10的具体技术细节，已在上述步骤中详述，故此不做赘述。

本发明还提供一种计算机程序产品，计算机程序产品包括存储在非易失性计算机可读存储介质上的计算机程序，计算机程序包括程序指令，当程序指令被处理器执行时，使所述处理器所述的基于浏览器缓存机制优化网页加载速度的方法。

本发明还提供了一种非易失性计算机可读存储介质，所述非易失性计算机可读存储介质存储有计算机可执行指令，该计算机可执行指令被一个或多个处理器执行时，可使得所述一个或多个处理器执行所述的基于浏览器缓存机制优化网页加载速度的方法。

应当理解的是，本发明的应用不限于上述的举例，对本领域普通技术人员来说，可以根据上述说明加以改进或变换，所有这些改进和变换都应属于本发明所附权利要求的保护范围。

Claims (10)

1.一种基于浏览器缓存机制优化网页加载速度的方法，其特征在于，包括：

获取脚本文件，并对所述脚本文件进行分类，得到分类脚本文件，所述分类脚本文件包括用于缓存的第一脚本文件和用于直接推入后台服务器的第二脚本文件；

将预设的前缀文件添加至所述第一脚本文件中，得到目标脚本文件和层叠样式表；

根据所述目标脚本文件和层叠样式表生成对应的版本控制文件；

将所述第一脚本文件、第二脚本文件和版本控制文件推入所述后台服务器；

后台服务器在接收到所述第一脚本文件、第二脚本文件和版本控制文件后，检测是否为第一次推入；

当不是第一次推入时，后台服务器读取所述版本控制文件，并判断所述版本控制文件是否已更新，若否，则读取浏览器缓存的脚本文件，若是，则根据更新后的版本控制文件获取更新目标脚本文件，并根据所述更新目标脚本文件加载网页；

当是第一次推入时，后台服务器则根据接收到的第一脚本文件对缓存机制中的脚本文件进行更新，得到更新目标脚本文件，并根据所述更新目标脚本文件加载网页。

2.根据权利要求1所述基于浏览器缓存机制优化网页加载速度的方法，其特征在于，所述版本控制文件包括更新版本控制文件、新增版本控制文件和未更新版本控制文件的一种或几种。

3.根据权利要求2所述基于浏览器缓存机制优化网页加载速度的方法，其特征在于，所述根据所述目标脚本文件和层叠样式表生成对应的版本控制文件的步骤之后包括：

接收用户对版本控制文件进行修改的指令，对所述未更新版本控制文件进行修改，得到所述更新版本控制文件；

根据所述更新版本控制文件对目标脚本文件进行修改，得到更新目标脚本文件。

4.根据权利要求1所述基于浏览器缓存机制优化网页加载速度的方法，其特征在于，所述层叠样式表用于编辑网页的字体颜色、背景颜色和网页样式。

5.根据权利要求1所述基于浏览器缓存机制优化网页加载速度的方法，其特征在于，所述获取脚本文件，并对所述脚本文件进行分类，得到分类脚本文件，所述分类脚本文件包括用于缓存的第一脚本文件和用于直接推入后台服务器的第二脚本文件的步骤之后、所述将预设的前缀文件添加至所述第一脚本文件中，得到目标脚本文件和层叠样式表步骤之前包括：

将所述第二脚本文件存储至一预备区，并在接收到将第二脚本文件推入后台服务器的指令后，将所述第二脚本文件从所述预备区推入所述后台服务器。

6.一种电子设备，其特征在于，包括：

处理器，适于实现各指令，以及

存储设备，适于存储多条指令，所述指令适于由处理器加载并执行：

获取脚本文件，并对所述脚本文件进行分类，得到分类脚本文件，所述分类脚本文件包括用于缓存的第一脚本文件和用于直接推入后台服务器的第二脚本文件；

将预设的前缀文件添加至所述第一脚本文件中，得到目标脚本文件和层叠样式表；

根据所述目标脚本文件和层叠样式表生成对应的版本控制文件；

将所述第一脚本文件、第二脚本文件和版本控制文件推入所述后台服务器；

后台服务器在接收到所述第一脚本文件、第二脚本文件和版本控制文件后，检测是否为第一次推入；

当不是第一次推入时，后台服务器读取所述版本控制文件，并判断所述版本控制文件是否已更新，若否，则读取浏览器缓存的脚本文件，若是，则根据更新后的版本控制文件获取更新目标脚本文件，并根据所述更新目标脚本文件加载网页；

当是第一次推入时，后台服务器则根据接收到的第一脚本文件对缓存机制中的脚本文件进行更新，得到更新目标脚本文件，并根据所述更新目标脚本文件加载网页。

7.根据权利要求6所述电子设备，其特征在于，所述版本控制文件包括更新版本控制文件、新增版本控制文件和未更新版本控制文件的一种或几种。

8.根据权利要求6所述电子设备，其特征在于，所述层叠样式表用于编辑网页的字体颜色、背景颜色和网页样式。

9.一种计算机程序产品，计算机程序产品包括存储在非易失性计算机可读存储介质上的计算机程序，计算机程序包括程序指令，当程序指令被处理器执行时，使所述处理器执行权利要求1-5任一项所述的基于浏览器缓存机制优化网页加载速度的方法。

10.一种非易失性计算机可读存储介质，其特征在于，所述非易失性计算机可读存储介质存储有计算机可执行指令，该计算机可执行指令被一个或多个处理器执行时，可使得所述一个或多个处理器执行权利要求1-5任一项所述的基于浏览器缓存机制优化网页加载速度的方法。