一种页面加载时间的降低方法技术

本发明专利技术提供的一种页面加载时间的降低方法，所述降低方法包括：用户打开页面时，判断用户的设备连接是否为2G网络，如果用户连接的是2G网络，在没有进行预加载的操作情况下，影响预加载的效果；否则，如果用户的设备连接的是wifi、4G网络，对需要预加载的统一资源定位器节点进行生成；浏览器的应用程序接口监测用户正在看到的页面区域；当用户点击页面中的链接地址时，对当前所述链接地址的节点向服务器记录打点记录，如果所述链接地址存在待加载列表中，并且已经预加载完成，新打开的页面则直接从已经预加载的资源进行加载。通过页面访问时的空闲时间预加载用户视口中的热区或a标签对应页面的资源，当用户访问的已经预加载的页面时，能够大幅提升打开速度，跳过了从远程服务器加载资源的过程。器加载资源的过程。器加载资源的过程。

【技术实现步骤摘要】
一种页面加载时间的降低方法


[0001]本专利技术涉及网约车领域，尤其涉及一种页面加载时间的降低方法。

技术介绍

[0002]对于HTML5开发者来说，想提升页面的打开速度，往往都会着手于用户所访问的页面，通过压缩资源的大小，删减不必要的资源请求，优化页面的解析速度。
[0003]对于针对用户所访问的页面的优化来说，开发人员所使用的优化技巧最终都是会有瓶颈，随着页面必要的资源加载的越来越多，对当前的页面的优化效果会越来越小。

技术实现思路

[0004]鉴于上述问题，提出了本专利技术以便提供克服上述问题或者至少部分地解决上述问题的一种页面加载时间的降低方法。
[0005]根据本专利技术的一个方面，提供了一种页面加载时间的降低方法，所述降低方法包括：
[0006]用户打开页面时，判断用户的设备连接是否为2G网络，如果用户连接的是2G网络，在没有进行预加载的操作情况下，影响预加载的效果；
[0007]否则，如果用户的设备连接的是wifi、4G网络，对需要预加载的统一资源定位器节点进行生成；
[0008]浏览器的应用程序接口监测用户正在看到的页面区域；
[0009]当用户点击页面中的链接地址时，对当前所述链接地址的节点向服务器记录打点记录，如果所述链接地址存在待加载列表中，并且已经预加载完成，新打开的页面则直接从已经预加载的资源进行加载。
[0010]可选的，所述浏览器的应用程序接口监测用户正在看到的页面区域具体包括：
[0011]当所述浏览器处于空闲时期时，计算出上一步生成出的预加载节点在当前用户所在的视口中存在的所有节点，生成待加载列表，并对所述待缓存列表中的资源逐步进行预加载。
[0012]可选的，所述预加载统一资源定位器节点具体包括：
[0013]服务器页面打点数据，统计用户点击页面热区的跳转链接次数；
[0014]判断从A页面到B、C、D页面对应点击热区的比例值并配置出一个相应的阈值，如果节点对应的比例值超过设置的阈值，则认为访问A页面的用户接下来会更容易点击这个节点，从而设置成预加载节点最高优先级；
[0015]开发者配置的节点，开发者预判用户需要点击的热区提前配置在页面中，获得固定配置数据，将所述固定配置数据设置成加载节点中级优先级；
[0016]页面所有的a标签，HTML里面的a标签的默认行为是当用户点击时会跳转到对应配置的链接地址，用户点击一个所述a标签，捕获所有的所述a标签，并设置成加载节点低级优先级；
[0017]根据对应的优先级对节点排序，按照优先级升序排列，生成出对应的预加载统一资源定位器节点内容。
[0018]本专利技术提供的一种页面加载时间的降低方法，所述降低方法包括：用户打开页面时，判断用户的设备连接是否为2G网络，如果用户连接的是2G网络，在没有进行预加载的操作情况下，影响预加载的效果；否则，如果用户的设备连接的是wifi、4G网络，对需要预加载的统一资源定位器节点进行生成；浏览器的应用程序接口监测用户正在看到的页面区域；当用户点击页面中的链接地址时，对当前所述链接地址的节点向服务器记录打点记录，如果所述链接地址存在待加载列表中，并且已经预加载完成，新打开的页面则直接从已经预加载的资源进行加载。通过页面访问时的空闲时间预加载用户视口中的热区或a标签对应页面的资源，当用户访问的已经预加载的页面时，能够大幅提升打开速度，跳过了从远程服务器加载资源的过程。
[0019]上述说明仅是本专利技术技术方案的概述，为了能够更清楚了解本专利技术的技术手段，而可依照说明书的内容予以实施，并且为了让本专利技术的上述和其它目的、特征和优点能够更明显易懂，以下特举本专利技术的具体实施方式。
附图说明
[0020]为了更清楚地说明本专利技术实施例的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本专利技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其它的附图。
[0021]图1为本专利技术实施例提供的一种页面加载时间的降低方法的流程图。
具体实施方式
[0022]下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例，然而应当理解，可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反，提供这些实施例是为了能够更透彻地理解本公开，并且能够将本公开的范围完整的传达给本领域的技术人员。
[0023]本专利技术的说明书实施例和权利要求书及附图中的术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元。
[0024]下面结合附图和实施例，对本专利技术的技术方案做进一步的详细描述。
[0025]如图1所示，用户打开页面时，判断是否用户设备连接是否为慢网，例如：2G网络，如果用户连接的是慢网则不进行预加载的操作，会影响预加载的效果。
[0026]如果用户连接的为非慢网，例如：wifi、4G网络，则对需要预加载的统一资源定位器节点进行生成。
[0027]通过浏览器的应用程序接口对用户所在的视口监测，视口为用户正在看到的网页的区域，当浏览器处于空闲时期时，计算出上一步生成出的预加载节点在当前用户所在的视口中存在的所有节点，生成待加载列表，并对待缓存列表中的资源逐步进行预加载。
[0028]当用户点击页面某个链接地址时，对当前的链接地址的节点向服务器记录打点记录，如果这个链接地址存在待加载列表中，并且已经预加载完成，新打开的页面则直接从已
经预加载的资源进行加载，跳过了从远程服务器加载资源的过程，大大提升了页面的加载速度。
[0029]预加载统一资源定位器节点生成策略说明：
[0030]预加载统一资源定位器节点内容分为三个部分：
[0031]服务器页面打点数据，统计用户点击页面某个热区的跳转链接次数，判断从A页面到B、C、D页面对应点击热区的比例值并配置出一个相应的阈值，如果某个节点对应的比例值超过设置的阈值，则可以认为访问A页面的用户接下来会更容易点击这个节点，从而设置成预加载节点最高优先级。
[0032]开发者配置的节点，开发者预判用户可能点击的热区提前配置在页面中，因为是固定配置数据，从而设置成加载节点中级优先级。
[0033]页面所有的a标签，HTML里面的a标签的默认行为是当用户点击时会跳转到对应的配置的链接地址，所以用户会有可能点击其中某一个a标签，但是无法判断用户具体要点击哪个a标签，只能捕获所有的a标签，并设置成加载节点低级优先级。
[0034]通过对应的优先级进行对节点进行排序，优先级高的节点排在前面，优先级低的排在后面，生成出对应的预加载统一资源定位器节点内容。
[0035]有益效果：提前预判出用户要点击的链接地址；提前预加载用户要点击链接地址的页面资源；打开提前预加载的页面能够快速地打开页面；不局限于优化用户当前使用页面的加载速度。...

【技术保护点】

【技术特征摘要】
1.一种页面加载时间的降低方法，其特征在于，所述降低方法包括：用户打开页面时，判断用户的设备连接是否为2G网络，如果用户连接的是2G网络，在没有进行预加载的操作情况下，影响预加载的效果；否则，如果用户的设备连接的是wifi、4G网络，对需要预加载的统一资源定位器节点进行生成；浏览器的应用程序接口监测用户正在看到的页面区域；当用户点击页面中的链接地址时，对当前所述链接地址的节点向服务器记录打点记录，如果所述链接地址存在待加载列表中，并且已经预加载完成，新打开的页面则直接从已经预加载的资源进行加载。2.根据权利要求1所述的一种页面加载时间的降低方法，其特征在于，所述浏览器的应用程序接口监测用户正在看到的页面区域具体包括：当所述浏览器处于空闲时期时，计算出上一步生成出的预加载节点在当前用户所在的视口中存在的所有节点，生成待加载列表，并对所述待缓存列表中的资...

【专利技术属性】
技术研发人员：贾子强，
申请(专利权)人：首约科技北京有限公司，
类型：发明
国别省市：