一种优化网页浏览的方法技术

本发明专利技术公开了一种优化网页浏览的方法，包括以下步骤：A、确定设备的首屏线位置和首屏区域；B、识别与显示无关的事件并判断其可移动性；C、调整代码次序将与现实无关且可移动的事件移至首屏区域外并更新首屏区域，重复此步骤，直至所有与现实无关且可移动的事件移至首屏区域外。通过识别与显示无关的事件并将该事件移出首屏区域，调整代码次序，整个方法步骤通过优化网页结构以减少端到端的ATF时间，缩短加载时间，提高用户体验感。

【技术实现步骤摘要】
一种优化网页浏览的方法
本专利技术涉及计算机网络应用程序领域，具体涉及一种优化网页浏览的方法。
技术介绍
随着网络用户的增多，网页的访问流量日益增大；同时网页正在变得越来越丰富多彩，其结构的复杂度也日趋增加，这使得网页的加载任务更加繁重。如何提高用户体验质量成为了一个不可忽视的问题。由于越短的加载时间意味着更好的网络体验质量，现存在许多优化网页浏览的方法，大多通过减少网络时延或处理时延实现优化目标。尽管这些工作可以在一定程度上改善网络体验，但它们没有考虑到网页在结构方面还存在较大的优化空间。目前，网页结构往往由设计人员编写，例如一些放置在网页起始部分的事件可能无助于屏幕显示，但仍会产生相当大的加载时间。这可能对终端用户并不友好。
技术实现思路
本专利技术为了解决上述技术问题提供一种优化网页浏览的方法。本专利技术通过下述技术方案实现：一种优化网页浏览的方法，包括以下步骤：A、确定设备的首屏线位置和首屏区域；B、识别与显示无关的事件并判断其可移动性；C、调整代码次序将与现实无关且可移动的事件移至首屏区域外并更新首屏区域，重复此步骤，直至所有与现实无关且可移动的事件移至首屏区域外。本方案通过识别与显示无关的事件并将该事件移出首屏区域，调整代码次序，整个方法步骤通过优化网页结构以减少端到端的首屏时间，缩短加载时间，提高用户体验。作为优选，首屏线位置根据以下方法确定：A11、根据设备型号或网络浏览器提供的API获取设备的屏幕尺寸、浏览器的屏占比和网页字体；A12、根据屏幕尺寸、浏览器的屏占比和网页字体确定首屏线位置。作为优选，步骤B中识别与显示无关的事件的具体步骤为：B11、依次检查事件的位置，并获取位于首屏线上方的所有事件；B12、获取事件特征；B13、将事件特征数值化并输入到支持向量机中，B14、根据支持向量机的输出结果判断该事件与显示有无关系。本方案采用支持向量机SVM识别事件，SVM结构简单，可以解决小样本情况下的机器学习问题，而决策树忽略了数据属性之间的相关性。作为优选，步骤B中判断与现实无关的事件可移动性的具体方法为：针对与显示无关的事件，判断其是否被其他事件所依赖，若是，则该事件可移动；若不是，则该事件不可移动。本专利技术与现有技术相比，具有如下的优点和有益效果：1、本专利技术通过识别与显示无关的事件并将该事件移出首屏区域，调整代码次序，整个方法步骤通过优化网页结构以减少端到端的ATF时间，缩短加载时间，提高用户体验感。具体实施方式为使本专利技术的目的、技术方案和优点更加清楚明白，下面结合实施例，对本专利技术作进一步的详细说明，本专利技术的示意性实施方式及其说明仅用于解释本专利技术，并不作为对本专利技术的限定。实施例1一种优化网页浏览的方法，应用在网页加载之前，包括以下步骤：A、确定设备的首屏线位置和首屏区域；B、识别与显示无关的事件并判断其可移动性；C、调整代码次序将与现实无关且可移动的事件移至首屏区域外并更新首屏区域，重复此步骤，直至所有与现实无关且可移动的事件移至首屏区域外。整个网页优化方法在网页加载之前便进行事件与显示有无关系的识别，间接考虑了网络延时和计算延时，通过将与显示无关的事件移出首屏区域，减少加载时间，即减小端到端的ATF时间实现网页优化。实施例2基于上述实施例的原理，本实施例公开其详细实施方式。根据设备型号或网络浏览器提供的API确认首屏线位置。具体的，对于移动设备，通过设备类型来推断确定屏幕尺寸、浏览器的屏占比和网页字体；对于屏幕尺寸和分辨率未知的非热门设备，利用网络浏览器提供的API获取屏幕尺寸、浏览器的屏占比和网页字体。根据屏幕尺寸、浏览器的屏占比和网页字体确定首屏线位置。确定首屏区域。识别与显示无关的事件：B11、依次检查事件的位置，并获取位于首屏线上方的所有事件；B12、获取首屏线上方的所有事件的特征；B13、将事件特征数值化并输入到支持向量机中，B14、根据支持向量机的输出结果判断该事件与显示有无关系。针对与显示无关的事件，判断其是否被其他事件所依赖，若是，则该事件可移动；若不是，则该事件不可移动。调整代码次序将与现实无关且可移动的事件移至首屏区域外，更新首屏区域和与显示无关的事件集合；重复此步骤，直至所有与现实无关且可移动的事件移至首屏区域外。实施例3一种优化网页浏览的方法，应用在网页加载之前，包括以下步骤：计算首屏线位置，首屏线位置主要由用户的屏幕大小、浏览器的屏占比和网页字体设置决定，通过设备型号或网络浏览器提供的API可以获取上述信息从而确定首屏线位置。当用户使用移动设备浏览网页时，屏占比默认为1，屏幕尺寸可以由设备类型推断得出；当用户使用PC时，可利用网络浏览器提供的API直接读取上述信息，从而确定首屏线位置。具体的，当为pc时首屏线位置根据以下方程确定：其中，SDevice为设备屏幕的大小；Sbrowser为浏览器面积大小；α为浏览器的屏占比；n为元素个数；λ为网页字体的大小；βi为元素的样式大小；Oi为元素的大小；我们将第n个元素作为首屏线元素。确定首屏区域，其约等于浏览器的屏幕尺寸。依次检查事件的位置，并获取位于首屏线上方即首屏区域内的所有事件；获取html中包含的js文件、css文件等事件的特征，例如文件名，域名和URL中的目录名。另外js代码段还包括代码行数量、函数名称等有用的特征；将上述获得的特征数值化并输入到支持向量机SVM模型中。此前，通过手动分析事件，记录结果，得到SVM训练数据，作为SVM模型的输出判断依据；可采用计算MED、ASCLL向量表示、ASCLL求和这三种方法进行数值转换，方法选择的不同会影响SVM模型的输出准确率；根据支持向量机的输出结果判断该事件与显示有无关系。具体的，SVM输出1表示该事件将会影响首屏显示，输出0表示该事件对首屏显示没有影响。重复此步骤，对所有事件依次进行判定。若事件与显示无关，则进一步判断其是否被其他事件所依赖，若是，则该事件可移动；若不是，则该事件不可移动。重复该步骤，直至将所有与显示无关的事件判定完成。调整html代码次序，将与现实无关且可移动的事件移至首屏区域外并更新首屏区域，更新首屏区域和与显示无关的事件集合，当首屏区域内的事件被移动，首屏线也将改变，从而影响与显示无关的事件的识别。重复此步骤，直至所有与现实无关且可移动的事件移至首屏区域外。本方案所有实施例的方法均在网页加载之前实施，其可在发布者客户端实施，也可于云端实施。通过调整HTML代码进行事件重排序来改变网页结构和内容顺序，然后将其发布到不同设备上，从而优化网页浏览。本专利技术是目前第一个通过优化网页结构以减少端到端的ATF时间实现网页优化目标的专利技术；在网页加载之前就进行事件的显示无关性识别，间接考虑了网络延时和计算延时；与现存方法相比，本专利技术在优化复杂的网页浏览更具有优越性；本专利技术的兼容性较强，能与现有的大多数成果同时使用，使得整体优化网络体验的性能更佳。另对本方案提及的缩写进行解释：Html：超级文本标记语言,用于网页创建和设计其它可在网页浏览器中看到的信息。SVM：支持向量机，通常用来进行模式识别、分类以及回归分析。MED：最小编辑距离，用于计算两字符串差异程度。ASCII：统一的字符编码。css文件：与HTML语言配合使用,制作网页。js文件：以js为扩展名的文本文档来自技高网...

【技术保护点】
一种优化网页浏览的方法，其特征在于，包括以下步骤：A、确定设备的首屏线位置和首屏区域；B、识别与显示无关的事件并判断其可移动性；C、调整代码次序将与现实无关且可移动的事件移至首屏区域外并更新首屏区域，重复此步骤，直至所有与现实无关且可移动的事件移至首屏区域外。

【技术特征摘要】
1.一种优化网页浏览的方法，其特征在于，包括以下步骤：A、确定设备的首屏线位置和首屏区域；B、识别与显示无关的事件并判断其可移动性；C、调整代码次序将与现实无关且可移动的事件移至首屏区域外并更新首屏区域，重复此步骤，直至所有与现实无关且可移动的事件移至首屏区域外。2.根据权利要求1所述的一种优化网页浏览的方法，其特征在于，所述首屏线位置根据以下方法确定：A11、根据设备型号或网络浏览器提供的API获取设备的屏幕尺寸、浏览器的屏占比和网页字体；A12、根据屏幕尺寸、浏览器的屏占比和网页字体确定首屏线位置。3.根据权利要求2所述的一种优化网页浏览的方法，其特征在于，所述首屏线位置确定方法为：

【专利技术属性】
技术研发人员：赵志为，闵革勇，杨璐齐，李维旺，高伟峰，舒畅，
申请(专利权)人：电子科技大学，
类型：发明
国别省市：四川,51