CN109145237A - 一种网页缓存问题的优化方法 - Google Patents

Abstract

本发明提供了一种网页缓存问题的优化方法，包括以下步骤：步骤(1)：基于当前网页的统一资源定位符URL获取所述当前网页；步骤(2)：先在需要及时更新的网页文件地址后面添加版本号参数；步骤(3)：然后更新网页文件版本的同时更新版本号，最后调用客户端访问网页文件，本发明可以选择性的对网页文件进行重新加载，修改过的文件强制重新加载，未修改的文件调用缓存，加快新网页文件的加载速度，可以解决所有类型网页文件引起的缓存问题，包括html，css，js等。

Description

一种网页缓存问题的优化方法

技术领域

本发明涉及网页缓存领域，具体涉及一种网页缓存问题的优化方法。

背景技术

随着浏览器技术水平的不断发展，用户对于网页的响应效果和响应速度提出了更高的要求。用户的需求是可靠和快速，但是浏览器技术发展远比用户期望的慢。因此用户和浏览器技术两者间的矛盾日益加剧。

传统的网页浏览模式下，第一次访问网页时，浏览器会自动将当前访问的网页进行缓存。当第二次访问时，浏览器的缓存处理机制会默认调用第一次访问时保留的缓存，以便快速响应用户需求。

这种做法的目的是为了快速加载页面，提高网页的访问速度，但是却会引起网页内容不能实时更新的问题。简单来说，如果第二次更新了网页的一些文件后浏览器并不会重新加载修改的文件，而是会调用之前的网页缓存，导致修改的内容无法实时体现。

传统的做法是在html文件的head头部加入meta语法，修改meta语法的no-cache参数，强制不缓存或者不清除缓存。

上述技术存在以下的缺点：减缓网页加载速度，网页html文件的head头部加入meta no-cache参数强制不缓存，会使一些没有修改的网页重新加载，减缓网页加载速度。只能避免html页面加载缓存，不能避免其他文件例如css,Js文件加载缓存，修改了其他文件后依然不会在网页中起到作用。不去除缓存会导致客户端使用旧的数据，如果不去除缓存，客户端会使用旧的数据，修改后不会在网页上体现，影响用户体验。

发明内容

为了解决上述不足的缺陷，本发明提供了一种网页缓存问题的优化方法，本发明可以选择性的对网页文件进行重新加载，修改过的文件强制重新加载，未修改的文件调用缓存，加快新网页文件的加载速度，可以解决所有类型网页文件引起的缓存问题，包括html，css，js等。

本发明提供了一种网页缓存问题的优化方法，包括以下步骤：

步骤(1)：基于当前网页的统一资源定位符URL获取所述当前网页；

步骤(2)：先在需要及时更新的网页文件地址后面添加版本号参数；

步骤(3)：然后更新网页文件版本的同时更新版本号，最后调用客户端访问网页文件。

上述的方法，其中，所述步骤(2)中，将版本号参数的变量定义为时间戳。

上述的方法，其中，所述变量定义具体为：

<script src＝”www.test.com/public/js/myjs.js？V＝{$version}”></script>在config.php中定义变量。

上述的方法，其中，所述步骤(1)包括：根据所述当前网页的URL地址，获取相应的缓存时间。

上述的方法，其中，根据所述缓存时间确定本地上一次对应所述URL地址缓存的网页已经过期时，从服务器获取所述当前网页，否则，直接从本地缓存中加载所述当前网页。

上述的方法，其中，所述步骤(3)中，客户端可以选择性的对网页文件进行重新加载，修改过的文件强制重新加载，未修改的文件调用缓存，加快新网页文件的加载速度。

本发明具有以下优点：1、本发明可以选择性的对网页文件进行重新加载，修改过的文件强制重新加载，未修改的文件调用缓存，加快新网页文件的加载速度，以及可以解决所有类型网页文件引起的缓存问题，包括html，css，js等；2、本发明可以解决人为清除浏览器缓存的问题，目前传统的网页更新后需要人为清除浏览器缓存，而且每一次修改都需要清缓存，不利于网页内容及时有效刷新，及时更新数据内容增强用户体验。

附图说明

通过阅读参照以下附图对非限制性实施例所作的详细描述，本发明及其特征、外形和优点将会变得更明显。在全部附图中相同的标记指示相同的部分。并未刻意按照比例绘制附图，重点在于示出本发明的主旨。

图1为本发明一种网页缓存问题的优化方法的流程示意图。

具体实施方式

在下文的描述中，给出了大量具体的细节以便提供对本发明更为彻底的理解。然而，对于本领域技术人员而言显而易见的是，本发明可以无需一个或多个这些细节而得以实施。在其他的例子中，为了避免与本发明发生混淆，对于本领域公知的一些技术特征未进行描述。

为了彻底理解本发明，将在下列的描述中提出详细的步骤以及详细的结构，以便阐释本发明的技术方案。本发明的较佳实施例详细描述如下，然而除了这些详细描述外，本发明还可以具有其他实施方式。

参照图1所示，本发明提供了一种网页缓存问题的优化方法，包括：

步骤(1)：基于当前网页的统一资源定位符URL获取所述当前网页，以及根据所述当前网页的URL地址，获取相应的缓存时间。

步骤(2)：先在需要及时更新的网页文件地址后面添加版本号参数，其中该参数为系统变量，进一步，将版本号参数的变量定义为时间戳，再优选，变量定义具体为：

<script src＝”www.test.com/public/js/myjs.js？V＝{$version}”></script>在config.php中定义变量。

步骤(3)：然后更新网页文件版本的同时更新版本号，最后调用客户端访问网页文件。这样客户端会因为文件地址的参数不同而去重新获取文件的内容，避免了使用之前客户端的缓存，同时，版本号没有更新的文件也不会重新获取。可以选择性的对网页文件进行重新加载，修改过的文件强制重新加载，未修改的文件调用缓存，加快新网页文件的加载速度，以及可以解决所有类型网页文件引起的缓存问题，包括html，css，js等。

在本发明中，根据所述缓存时间确定本地上一次对应所述URL地址缓存的网页已经过期时，从服务器获取所述当前网页，否则，直接从本地缓存中加载所述当前网页。

本发明的优选实施例中，客户端可以选择性的对网页文件进行重新加载，修改过的文件强制重新加载，未修改的文件调用缓存，加快新网页文件的加载速度。本发明可以解决人为清除浏览器缓存的问题，目前传统的网页更新后需要人为清除浏览器缓存，而且每一次修改都需要清缓存，不利于网页内容及时有效刷新，及时更新数据内容增强用户体验。

本发明的优选实施例中，基于当前网页的统一资源定位符URL获取所述当前网页；确定所述当前网页的源代码中的meta标签的http-equiv属性为缓存控制关键字时，解析meta标签并获得当前网页的缓存时间；将当前网页的URL地址和缓存时间传递给Java层的缓存管理模块，并指示该缓存管理模块进行网页缓存处理。

本发明解决了现有技术中的问题：减缓网页加载速度，网页html文件的head头部加入meta no-cache参数强制不缓存，会使一些没有修改的网页重新加载，减缓网页加载速度。只能避免html页面加载缓存，不能避免其他文件例如css,Js文件加载缓存，修改了其他文件后依然不会在网页中起到作用。不去除缓存会导致客户端使用旧的数据，如果不去除缓存，客户端会使用旧的数据，修改后不会在网页上体现，影响用户体验。

以上对本发明的较佳实施例进行了描述。需要理解的是，本发明并不局限于上述特定实施方式，其中未尽详细描述的设备和结构应该理解为用本领域中的普通方式予以实施；任何熟悉本领域的技术人员，在不脱离本发明技术方案范围情况下，都可利用上述揭示的方法和技术内容对本发明技术方案做出许多可能的变动和修饰，或修改为等同变化的等效实施例，这并不影响本发明的实质内容。因此，凡是未脱离本发明技术方案的内容，依据本发明的技术实质对以上实施例所做的任何简单修改、等同变化及修饰，均仍属于本发明技术方案保护的范围内。

Claims (6)

1.一种网页缓存问题的优化方法，其特征在于，包括以下步骤：

步骤(1)：基于当前网页的统一资源定位符URL获取所述当前网页；

步骤(2)：先在需要及时更新的网页文件地址后面添加版本号参数；

步骤(3)：然后更新网页文件版本的同时更新版本号，最后调用客户端访问网页文件。

2.如权利要求1所述的一种网页缓存问题的优化方法，其特征在于，所述步骤(2)中，将版本号参数的变量定义为时间戳。

3.如权利要求2所述的一种网页缓存问题的优化方法，其特征在于，所述变量定义具体为：<script src＝”www.test.com/public/js/myjs.js？V＝{$version}”></script>在config.php中定义变量。

4.如权利要求3所述的一种网页缓存问题的优化方法，其特征在于，所述步骤(1)包括：根据所述当前网页的URL地址，获取相应的缓存时间。

5.如权利要求4所述的一种网页缓存问题的优化方法，其特征在于，根据所述缓存时间确定本地上一次对应所述URL地址缓存的网页已经过期时，从服务器获取所述当前网页，否则，直接从本地缓存中加载所述当前网页。

6.如权利要求5所述的一种网页缓存问题的优化方法，其特征在于，所述步骤(3)中，客户端可以选择性的对网页文件进行重新加载，修改过的文件强制重新加载，未修改的文件调用缓存，加快新网页文件的加载速度。