页面加载方法及终端、页面响应方法及服务器技术

本发明专利技术实施例涉及网络技术领域，公开了一种页面加载方法及终端、页面响应方法及服务器。页面加载方法，包括以下步骤：应用于终端，方法包括：向服务器发送页面访问请求，下载服务器返回的页面信息并得到页面信息的下载情况；从页面信息解析出加载优化脚本以及待加载页面元素的地址信息；运行加载优化脚本，并根据页面信息的下载情况得到待加载页面元素的当前加载质量参数；根据待加载页面元素的地址信息和当前加载质量参数，加载待加载页面元素。本发明专利技术中，提升了页面的加载速度。

【技术实现步骤摘要】
页面加载方法及终端、页面响应方法及服务器
本专利技术实施例涉及网络
，特别涉及一种页面加载方法及终端、页面响应方法及服务器。
技术介绍
目前，用户浏览的网页一般包括多种元素，如html文档、JS脚本和图片资源等，其中占网页资源比最大的一般是图片资源。当网页中存在较多的图片资源时，网页的加载速度会比较慢，若用户的网络状况较差，则会进一步增长网页的加载时长，用户体验较差。针对这种情况，若网页中的图片资源较多，可以采用懒加载策略，网页中图片资源默认加载模糊图片，当用户浏览到时，才进行原图加载，从而缩短了网页的加载时长。专利技术人发现现有技术中至少存在如下问题：即便采用了懒加载策略，如果用户网络较差，或者首屏中图片资源较多时，网页的加载时间仍然很长，用户体验较差。
技术实现思路
本专利技术实施方式的目的在于提供一种页面加载方法及终端、页面响应方法及服务器，提升了页面的加载速度。为解决上述技术问题，本专利技术的实施方式提供了一种页面加载方法，包括以下步骤：应用于终端，方法包括：向服务器发送页面访问请求，下载服务器返回的页面信息并得到页面信息的下载情况；从页面信息解析出加载优化脚本以及待加载页面元素的地址信息；运行加载优化脚本，并根据页面信息的下载情况得到待加载页面元素的当前加载质量参数；根据待加载页面元素的地址信息和当前加载质量参数，加载待加载页面元素。本专利技术的实施方式还提供了一种页面响应方法，应用于服务器，方法包括：当接收到终端发送的页面访问请求时，获取页面访问请求对应的页面信息；在页面信息中插入预设的加载优化脚本；向终端返回包括加载优化脚本的页面信息，以供终端从页面信息解析出加载优化脚本以及待加载页面元素的地址信息，运行加载优化脚本，根据页面信息的下载情况得到待加载页面元素的当前加载质量参数，并根据待加载页面元素的地址信息和当前加载质量参数，加载待加载页面元素。本专利技术的实施方式还提供了一种终端，包括：至少一个处理器；以及，与至少一个处理器通信连接的存储器；其中，存储器存储有可被至少一个处理器执行的指令，指令被至少一个处理器执行，以使至少一个处理器能够执行上述的页面加载方法。本专利技术的实施方式还提供了一种计算机可读存储介质，存储有计算机程序，计算机程序被处理器执行时实现上述的页面加载方法。本专利技术的实施方式还提供了一种服务器，包括：至少一个处理器；以及，与至少一个处理器通信连接的存储器；其中，存储器存储有可被至少一个处理器执行的指令，指令被至少一个处理器执行，以使至少一个处理器能够执行上述的页面响应方法。本专利技术实施方式相对于现有技术而言，终端在向服务器发送页面访问请求后，下载服务器返回的页面信息并得到了页面信息的下载情况，终端从页面信息中解析出加载优化脚本以及待加载页面元素的地址信息，即服务器返回的页面信息中是包括加载优化脚本以及待加载页面元素的地址信息的；随后，终端运行加载优化脚本，根据页面信息的下载情况得到待加载页面元素的当前加载质量参数，并根据待加载页面元素的地址信息和当前加载质量参数，加载待加载页面元素。即，从而根据页面信息的下载情况来为待加载页面元素设定相应的当前加载质量参数，在页面信息的下载情况较好时，下载质量较高的待加载页面元素；在页面信息的下载情况较差时，下载质量较低的待加载页面元素，从而提升了页面的加载速度。另外，待加载页面元素包括可视区域内的待加载页面元素和可视区域外的待加载页面元素；根据待加载页面元素的地址信息和当前加载质量参数，加载待加载页面元素，具体包括：根据可视区域内的待加载页面元素的地址信息和当前加载质量参数，加载可视区域内的待加载页面元素，并得到可视区域内的待加载页面元素的响应情况；根据可视区域内的待加载页面元素的响应情况，更新当前加载质量参数；根据可视区域外的待加载页面元素的地址信息与更新后的当前加载质量参数，加载可视区域外的待加载页面元素。本实施例中，在单独根据页面信息的下载情况得到的当前加载质量参数可能会不够准确的情况下，在完成可视区域内的待加载页面元素的加载后，根据可视区域内的待加载页面元素的响应情况更新当前加载质量参数，从而能够获取一个更为准确的加载质量参数，并以更新后的当前加载质量参数完成可视区域外的待加载页面元素的加载，从而进一步提升了页面的加载速度。另外，在根据可视区域外的待加载页面元素的地址信息与更新后的当前加载质量参数，加载可视区域外的待加载页面元素之前，还包括：监控可视区域内的页面元素，并判断可视区域内的页面元素在预设时长内是否发生变化；当可视区域内的页面元素在预设时长内未发生变化时，进入根据可视区域外的待加载页面元素的地址信息与更新后的当前加载质量参数，加载可视区域外的待加载页面元素的步骤；当可视区域内的页面元素在预设时长内发生变化时，且可视区域内的存在未加载的待加载页面元素，并根据可视区域内的未加载的待加载页面元素的地址信息与更新后的当前加载质量参数，加载可视区域内的未加载的待加载页面元素。本实施例中，监控可视区域内的页面元素，若可视区域内的页面元素在预设时长内发生变化，且可视区域内的存在未加载的待加载页面元素时，加载可视区域内的未加载的待加载页面元素；若可视区域内的页面元素在预设时长内未发生变化时，加载可视区域外的待加载页面元素，从而减少了待加载页面元素的并发加载，提升了待加载页面元素的加载速度。另外，可视区域内的待加载页面元素的数量为多个；待加载页面元素的响应情况包括待加载页面元素的大小与待加载页面元素的响应时间段；根据可视区域内的待加载页面元素的响应情况，更新当前加载质量参数，具体包括：当多个待加载页面元素的响应时间段不存在重叠时，根据每个待加载页面元素的响应情况得到每个待加载页面元素的加载质量参数，并将多个待加载页面元素的加载质量参数中最大的加载质量参数，作为当前加载质量参数；当多个待加载页面元素的响应时间段存在重叠时，将响应时间段存在重叠的待加载页面元素分为一组；根据各组待加载页面元素的响应情况得到各组待加载页面元素的加载质量参数，并将多组待加载页面元素的加载质量参数中最大的加载质量参数，作为当前加载质量参数。本实施例提供了一种更新当前加载质量参数的具体实现方式。另外，待加载页面元素的响应时间段包括重叠时间段与未重叠时间段；根据各组待加载页面元素的响应情况得到各组待加载页面元素的加载质量参数，具体包括：对于每组中的每个待加载页面元素，根据待加载页面元素的大小、未重叠时间段、重叠时间段以及重叠时间段的重叠次数，计算待加载页面元素的加载速度；根据每组中的各待加载页面元素的大小与加载速度，计算每组待加载页面元素的加载网络带宽；将每组待加载页面元素的加载网络带宽对应的加载质量参数，作为每组待加载页面元素的加载质量参数。本实施例提供了一种根据各组待加载页面元素的响应情况得到各组待加载页面元素的加载质量参数的具体实现方式。另外，在根据待加载页面元素的地址信息和当前加载质量参数，加载待加载页面元素之前，还包括：根据待加载页面元素的地址信息，判断终端中是否缓存有相同的页面元素；若终端中缓存有相同的页面元素，判断页面元素的加载质量参数是否大于或等于当前加载质量参数；若页面元素的加载质量参数大于或等于当前加载质量参数，加载终端中缓存的页面元素；若页面元素的加载质量参本文档来自技高网...

【技术保护点】
1.一种页面加载方法，其特征在于，应用于终端，方法包括：向服务器发送页面访问请求，下载所述服务器返回的页面信息并得到所述页面信息的下载情况；从所述页面信息解析出加载优化脚本以及待加载页面元素的地址信息；运行所述加载优化脚本，并根据所述页面信息的下载情况得到所述待加载页面元素的当前加载质量参数；根据所述待加载页面元素的地址信息和所述当前加载质量参数，加载所述待加载页面元素。

【技术特征摘要】
1.一种页面加载方法，其特征在于，应用于终端，方法包括：向服务器发送页面访问请求，下载所述服务器返回的页面信息并得到所述页面信息的下载情况；从所述页面信息解析出加载优化脚本以及待加载页面元素的地址信息；运行所述加载优化脚本，并根据所述页面信息的下载情况得到所述待加载页面元素的当前加载质量参数；根据所述待加载页面元素的地址信息和所述当前加载质量参数，加载所述待加载页面元素。2.根据权利要求1所述的页面加载方法，其特征在于，所述待加载页面元素包括可视区域内的待加载页面元素和可视区域外的待加载页面元素；所述根据所述待加载页面元素的地址信息和所述当前加载质量参数，加载所述待加载页面元素，具体包括：根据所述可视区域内的所述待加载页面元素的地址信息和所述当前加载质量参数，加载所述可视区域内的所述待加载页面元素，并得到所述可视区域内的所述待加载页面元素的响应情况；根据所述可视区域内的所述待加载页面元素的响应情况，更新所述当前加载质量参数；根据所述可视区域外的所述待加载页面元素的地址信息与更新后的所述当前加载质量参数，加载所述可视区域外的所述待加载页面元素。3.根据权利要求2所述的页面加载方法，其特征在于，在所述根据所述可视区域外的所述待加载页面元素的地址信息与更新后的所述当前加载质量参数，加载所述可视区域外的所述待加载页面元素之前，还包括：监控所述可视区域内的页面元素，并判断所述可视区域内的页面元素在预设时长内是否发生变化；当所述可视区域内的页面元素在预设时长内未发生变化时，进入所述根据所述可视区域外的所述待加载页面元素的地址信息与更新后的所述当前加载质量参数，加载所述可视区域外的所述待加载页面元素的步骤；当所述可视区域内的页面元素在预设时长内发生变化时，且所述可视区域内的存在未加载的所述待加载页面元素，并根据所述可视区域内的未加载的所述待加载页面元素的地址信息与更新后的所述当前加载质量参数，加载所述可视区域内的未加载的所述待加载页面元素。4.根据权利要求2所述的页面加载方法，其特征在于，所述可视区域内的待加载页面元素的数量为多个；所述待加载页面元素的响应情况包括所述待加载页面元素的大小与所述待加载页面元素的响应时间段；所述根据所述可视区域内的所述待加载页面元素的响应情况，更新所述当前加载质量参数，具体包括：当多个所述待加载页面元素的响应时间段不存在重叠时，根据每个所述待加载页面元素的响应情况得到每个所述待加载页面元素的加载质量参数，并将多个所述待加载页面元素的加载质量参数中最大的加载质量参数，作为所述当前加载质量参数；当多个所述待加载页面元素的响应时间段存在重叠时，将响应时间段存在重叠的所述待加载页面元素分为一组，根据各组所述待加载页面元素的响应情况得到各组所述待加载页面元素的加载质量参数，并将多组所述待加载页面元素的加载质量参数中最大的加载质量参数，作为所述当前加载质量参数。5.根据权利要求4所述的页面加载方法，其特征在于，所述待加载页面元素的响应时间段包括重叠时间段与未重叠时间段；所述根据各组所述待加载页面元素的响应情况得到各组所述待加载页面元素的加载质量参数，具...

【专利技术属性】
技术研发人员：郑家兴，
申请(专利权)人：网宿科技股份有限公司，
类型：发明
国别省市：上海,31