WO2016101795A1 - 一种网页页面加载方法及系统 - Google Patents

一种网页页面加载方法及系统 Download PDF

Info

Publication number
WO2016101795A1
WO2016101795A1 PCT/CN2015/097075 CN2015097075W WO2016101795A1 WO 2016101795 A1 WO2016101795 A1 WO 2016101795A1 CN 2015097075 W CN2015097075 W CN 2015097075W WO 2016101795 A1 WO2016101795 A1 WO 2016101795A1
Authority
WO
WIPO (PCT)
Prior art keywords
page
scroll bar
current
time
value
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Ceased
Application number
PCT/CN2015/097075
Other languages
English (en)
French (fr)
Inventor
杨鹏
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing Jingdong Century Trading Co Ltd
Beijing Jingdong Shangke Information Technology Co Ltd
Original Assignee
Beijing Jingdong Century Trading Co Ltd
Beijing Jingdong Shangke Information Technology Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Beijing Jingdong Century Trading Co Ltd, Beijing Jingdong Shangke Information Technology Co Ltd filed Critical Beijing Jingdong Century Trading Co Ltd
Priority to RU2017126608A priority Critical patent/RU2668734C1/ru
Priority to US15/537,702 priority patent/US10417297B2/en
Priority to JP2017534295A priority patent/JP6430020B2/ja
Publication of WO2016101795A1 publication Critical patent/WO2016101795A1/zh
Anticipated expiration legal-status Critical
Ceased legal-status Critical Current

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING OR CALCULATING; COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/957Browsing optimisation, e.g. caching or content distillation
    • G06F16/9574Browsing optimisation, e.g. caching or content distillation of access to content, e.g. by caching
    • GPHYSICS
    • G06COMPUTING OR CALCULATING; COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • GPHYSICS
    • G06COMPUTING OR CALCULATING; COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/955Retrieval from the web using information identifiers, e.g. uniform resource locators [URL]
    • GPHYSICS
    • G06COMPUTING OR CALCULATING; COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44Arrangements for executing specific programs
    • G06F9/445Program loading or initiating
    • GPHYSICS
    • G06COMPUTING OR CALCULATING; COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44Arrangements for executing specific programs
    • G06F9/445Program loading or initiating
    • G06F9/44521Dynamic linking or loading; Link editing at or after load time, e.g. Java class loading
    • GPHYSICS
    • G06COMPUTING OR CALCULATING; COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0485Scrolling or panning
    • G06F3/04855Interaction with scrollbars

Definitions

  • the invention relates to the technical field of webpages, in particular to a webpage page loading method and system.
  • the prior art monitors the browsing situation of the user, and when browsing to the end of the webpage page, triggers a webpage program, such as javascript, and then displays the subsequent webpage content at the end of the current page, and updates the scroll bar to enable the user to continue browsing.
  • a webpage program such as javascript
  • a web page loading method includes:
  • the scroll bar parameter obtaining step includes: in response to the page loading completion event, recording a current page end scroll bar value, a current page start scroll bar value, and a current page loading completion time of the current page;
  • the scroll bar scrolling triggering step includes: in response to the scroll bar scrolling event, recording the current scroll bar triggering time and the current scroll bar value of the scroll bar, and executing the scroll bar determining step;
  • the scroll bar determining step includes: calculating a page browsing speed according to the at least one of the current scroll bar value, at least one current scroll bar trigger time, the current page start scroll bar value, and the current page loading completion time, according to the page
  • the browsing speed, the current page end scroll bar value, and the current page start scroll bar value calculate the remaining browsing time of the page, and when the remaining browsing time of the page meets the preset condition, the page loading step is triggered;
  • the page loading step includes: querying a subsequent page of the current page, sending a page acquisition request for the subsequent page to the server, and loading and updating the page data about the subsequent page returned by the server to the end of the current page.
  • a web page loading system includes:
  • the scroll bar parameter obtaining module includes: in response to the page loading completion event, recording a current page end scroll bar value of the current page, a current page starting scroll bar value, and a current page loading completion time;
  • the scroll bar scroll triggering module includes: in response to the scroll bar scrolling event, recording the current scroll bar triggering moment and the current scroll bar value of the scroll bar, and executing the scroll bar determining module;
  • the scroll bar determining module includes: calculating a page browsing speed according to the at least one of the current scroll bar value, the at least one current scroll bar triggering time, the current page starting scroll bar value, and the current page loading completion time, according to the page
  • the browsing speed, the current page end scroll bar value, and the current page start scroll bar value calculate the remaining browsing time of the page, and when the remaining browsing time of the page satisfies the preset condition, the page loading module is triggered;
  • the page loading module includes: querying a subsequent page of the current page, sending a page acquisition request for the subsequent page to the server, and loading and updating the page data about the subsequent page returned by the server to the end of the current page.
  • the invention determines whether the subsequent page needs to be loaded by predicting the remaining browsing time of the page. Since there is no need to wait for the page to be loaded at the end, when the user browses the webpage, such as WeChat, Weibo, etc., the webpage can be browsed without interruption, without waiting for the page to load, thereby improving the user experience.
  • FIG. 1 is a flowchart of a method for loading a web page according to the present invention
  • Figure 2 is a flow chart showing the operation of the preferred embodiment of the present invention.
  • FIG. 3 is a structural block diagram of a webpage page loading system according to the present invention.
  • FIG. 1 is a flowchart of a method for loading a web page according to the present invention, including:
  • Step S101 comprising: in response to the page loading completion event, recording a current page end scroll bar value, a current page start scroll bar value, and a current page loading completion time of the current page;
  • Step S102 including: in response to the scroll bar scroll event, recording the current scroll bar trigger time and the current scroll bar value with respect to the scroll bar, step S103;
  • Step S103 comprising: calculating a page browsing speed according to at least one of the current scroll bar value, at least one current scroll bar triggering time, a current page starting scroll bar value, and a current page loading completion time, according to the page browsing speed.
  • Step S104 includes: querying a subsequent page of the current page, sending a page acquisition request for the subsequent page to the server, and updating the page data about the subsequent page returned by the server to the end of the current page.
  • the current page end scroll bar value refers to the position coordinate of the scroll bar on the page or on the screen when the current page is scrolled to the bottom
  • the current page start scroll bar value refers to the current page scrolling to the most The position coordinates of the scroll bar on the page or on the screen when it is above.
  • the scripting language on the webpage takes a certain amount of time from the time when the loading of the page is executed, and the time when the page is loaded.
  • the current page loading completion time refers to the moment when the current page is loaded.
  • step S102 the scroll bar scroll event is triggered by dragging on the scroll bar.
  • a scroll bar scrolling event is generated, thereby triggering step S102.
  • a scroll bar scroll event is generated, thereby triggering step S102.
  • the current scroll bar trigger time refers to the time when the step S102 is triggered.
  • the scroll bar value of the scroll bar that is, the scroll bar is triggered on the page or on the screen when the step S102 is triggered.
  • Step S102 may be triggered multiple times, each time triggering the current scroll bar triggering time and the current scroll bar value of the scroll bar, thereby obtaining a plurality of current scroll bar triggering moments and the current scrolling bar value.
  • Step S103 according to the current scroll bar value, the current scroll bar trigger time, the current page start scroll bar value, and the current page load completion time, the page browsing speed is obtained, and the remaining browsing time of the page is predicted according to the page browsing speed. If the remaining browsing time of the page meets the preset condition, the step S104 is triggered to load the page.
  • the preset condition may be a preset threshold, that is, when the remaining browsing time of the page is less than a preset threshold, step S104 is triggered.
  • the invention predicts the remaining browsing time of the page, and loads the subsequent pages in advance, so that the user can browse the subsequent content without interruption, without waiting for the page to load, thereby improving the user experience.
  • the invention is preferably used on a mobile phone or other mobile device, particularly when the mobile phone or mobile device accesses a web page using a low speed network.
  • Low-speed networks such as General Packet Radio Service (GPRS)
  • GPRS General Packet Radio Service
  • the page browsing speed is calculated as: Where v r is the page browsing speed, k is the current scroll bar value, k s is the current page starting scroll bar value, t is the current scroll bar trigger time, and t s is the current page loading completion time.
  • the difference between the current scroll bar value and the current page start scroll bar value is calculated, thereby determining the scroll distance of the scroll bar, and then calculating the difference between the current scroll bar trigger time and the current page loading completion time.
  • the value, which determines the time it takes for the scroll bar to scroll from the start to the current distance, and the ratio of the scroll distance to the time is the page view speed.
  • the step S102 is triggered at least once, and each time a trigger is recorded, a current scroll bar trigger time and a current scroll bar value are recorded, and the page browsing speed is calculated as: Where v r is the page browsing speed, k i is the current scroll bar value of the i-th time, k s is the current page start scroll bar value, t i is the i-th current scroll bar trigger time, and t s is the current At the time of page load completion, n is the total number of times of the trigger in step S102.
  • the step S102 is triggered multiple times.
  • the average value of the browsing speed calculated by each trigger is used as the page browsing speed, so that the page browsing speed is more realistic. .
  • the remaining browsing time of the page is obtained by calculating the page browsing speed.
  • the step S101 further includes recording a current page loading time of the current page
  • the preset condition is that the remaining browsing time of the page is less than or equal to the current page loading time.
  • the page loading time is used as a preset condition, and the page loading is triggered when the page reaches the last time compared to the prior art, which can more accurately capture the browsing habit of the user, and since the condition is a time comparison, therefore, The loading timing is more accurate due to the size of the screen or the length of the page.
  • FIG. 2 is a flow chart showing the operation of the preferred embodiment of the present invention, including:
  • Step S201 when the user browses the page and the page is loaded:
  • Step S202 analyzing browsing speed and efficiency according to each triggering scroll event:
  • n is the total number of times of being triggered in step S202;
  • Page browsing time (the value of the scroll bar at the end of this page - the value of the scroll bar on the page) ⁇ browsing speed;
  • Remaining browsing time browsing speed ⁇ (the value of the scroll bar at the end of this page - the value of this scroll bar);
  • step S203 is triggered to load the content of the subsequent page
  • Step S203 loading a subsequent page:
  • step S201 is repeated.
  • FIG. 3 is a structural block diagram of a webpage page loading system according to the present invention, including:
  • the scroll bar parameter obtaining module 301 includes: in response to the page loading completion event, recording a current page end scroll bar value, a current page start scroll bar value, and a current page loading completion time of the current page;
  • the scroll bar scrolling trigger module 302 includes: in response to the scroll bar scrolling event, recording the current scroll bar triggering moment and the current scrolling bar value with respect to the scroll bar, executing the scroll bar determining module 303;
  • the scroll bar determining module 303 includes: calculating a page browsing speed according to at least one of the current scroll bar value, at least one current scroll bar triggering time, a current page starting scroll bar value, and a current page loading completion time, according to the The page browsing speed, the current page end scroll bar value, and the current page start scroll bar value calculation page remaining browsing time, when the remaining page browsing time meets the preset condition, the page loading module 304 is triggered;
  • the page loading module 304 includes: querying a subsequent page of the current page, sending a page acquisition request for the subsequent page to the server, and loading and updating the page data about the subsequent page returned by the server to the end of the current page.
  • the page browsing speed is calculated as: Where v r is the page browsing speed, k is the current scroll bar value, k s is the current page starting scroll bar value, t is the current scroll bar trigger time, and t s is the current page loading completion time.
  • the scroll bar scroll trigger module is triggered at least once, and each time a trigger is recorded, a current scroll bar trigger time and a current scroll bar value are recorded, and the page browsing speed is calculated as: Where v r is the page browsing speed, k t is the current scroll bar value of the i-th time, k s is the current page start scroll bar value, t i is the i-th current scroll bar trigger time, and t s is the current At the time of page load completion, n is the total number of times the scroll bar scroll trigger module is triggered.
  • the scroll bar parameter obtaining module further includes recording a current page loading time of the current page
  • the preset condition is that the remaining browsing time of the page is less than or equal to the current page loading time.

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Software Systems (AREA)
  • Data Mining & Analysis (AREA)
  • Information Transfer Between Computers (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

一种网页页面加载方法及系统,通过预测页面剩余浏览时间,判断是否需要加载后续页面,用户在浏览网页时,可以不间断的浏览后续内容,不用等待页面加载,提高用户体验度。方法包括:响应于页面加载完成事件,记录关于当前页面的当前页面末端滚动条数值、当前页面起始滚动条数值和当前页面加载完成时刻(S101);响应于滚动条滚动事件,记录关于滚动条的本次滚动条触发时刻和本次滚动条数值(S102);计算页面浏览速度,计算页面剩余浏览时间(S103);当所述页面剩余浏览时间满足预设条件,则查询当前页面的后续页面,向服务器发送关于后续页面的页面获取请求,将服务器返回的关于后续页面的页面数据加载更新到当前页面末端(S104)。

Description

一种网页页面加载方法及系统 技术领域
本发明涉及网页相关技术领域,特别是一种网页页面加载方法及系统。
背景技术
在用户浏览网页时,当浏览完当前页面后,需要用户点击下一页的超链接,才获取下一页面,对用户来说较为不便。
为此,现有技术通过对用户的浏览情况进行监测,当浏览到网页页面末端的时候,触发网页程序,例如javascript,然后在当前页面末端显示后续网页内容,并且更新滚动条,使用户继续浏览后面的内容。
然而,现有技术用户在浏览到页面末端的时候,需要等待页面加载,使页面浏览不流畅。
发明内容
基于此,有必要针对现有技术在用户浏览到网页页面末端时,需要等待页面加载导致页面浏览不流畅的技术问题,提供一种网页页面加载方法及系统。
一种网页页面加载方法,包括:
滚动条参数获取步骤,包括:响应于页面加载完成事件,记录关于当前页面的当前页面末端滚动条数值、当前页面起始滚动条数值和当前页面加载完成时刻;
滚动条滚动触发步骤,包括:响应于滚动条滚动事件,记录关于滚动条的本次滚动条触发时刻和本次滚动条数值,执行滚动条判断步骤;
滚动条判断步骤,包括:根据至少一个所述本次滚动条数值、至少一个本次滚动条触发时刻、当前页面起始滚动条数值和当前页面加载完成时刻,计算页面浏览速度,根据所述页面浏览速度、当前页面末端滚动条数值和当前页面起始滚动条数值计算页面剩余浏览时间,当所述页面剩余浏览时间满足预设条件,则触发页面加载步骤;
页面加载步骤,包括:查询当前页面的后续页面,向服务器发送关于后续页面的页面获取请求,将服务器返回的关于后续页面的页面数据加载更新到当前页面末端。
一种网页页面加载系统,包括:
滚动条参数获取模块,包括:响应于页面加载完成事件,记录关于当前页面的当前页面末端滚动条数值、当前页面起始滚动条数值和当前页面加载完成时刻;
滚动条滚动触发模块,包括:响应于滚动条滚动事件,记录关于滚动条的本次滚动条触发时刻和本次滚动条数值,执行滚动条判断模块;
滚动条判断模块,包括:根据至少一个所述本次滚动条数值、至少一个本次滚动条触发时刻、当前页面起始滚动条数值和当前页面加载完成时刻,计算页面浏览速度,根据所述页面浏览速度、当前页面末端滚动条数值和当前页面起始滚动条数值计算页面剩余浏览时间,当所述页面剩余浏览时间满足预设条件,则触发页面加载模块;
页面加载模块,包括:查询当前页面的后续页面,向服务器发送关于后续页面的页面获取请求,将服务器返回的关于后续页面的页面数据加载更新到当前页面末端。
本发明通过预测页面剩余浏览时间,判断是否需要加载后续页面。由于不需要等待页面到末端才进行加载,因此用户在浏览网页时,比如微信,微博等纵向浏览的网页时,可以不间断的浏览后续内容,不用等待页面加载,提高用户体验度。
附图说明
图1为本发明一种网页页面加载方法的工作流程图;
图2为本发明最佳实施例的工作流程图;
图3为本发明一种网页页面加载系统的结构模块图。
具体实施方式
下面结合附图和具体实施例对本发明做进一步详细的说明。
如图1所示为本发明一种网页页面加载方法的工作流程图,包括:
步骤S101,包括:响应于页面加载完成事件,记录关于当前页面的当前页面末端滚动条数值、当前页面起始滚动条数值和当前页面加载完成时刻;
步骤S102,包括:响应于滚动条滚动事件,记录关于滚动条的本次滚动条触发时刻和本次滚动条数值,执行步骤S103;
步骤S103,包括:根据至少一个所述本次滚动条数值、至少一个本次滚动条触发时刻、当前页面起始滚动条数值和当前页面加载完成时刻,计算页面浏览速度,根据所述页面浏览速度、当前页面末端滚动条数值和当前页面起始滚动条数值计算页面剩余浏览时间,当所述页面剩余浏览时间满足预设条件,则触发步骤S104;
步骤S104,包括:查询当前页面的后续页面,向服务器发送关于后续页面的页面获取请求,将服务器返回的关于后续页面的页面数据加载更新到当前页面末端。
滚动条在滚动时会有一个滚动条数值表明其在页面中或者在屏幕上的位置坐标。在步骤S101中,当前页面末端滚动条数值指的是当前页面当滚动到最下方时,滚动条在页面或者在屏幕上的位置坐标,当前页面起始滚动条数值指的是当前页面滚动到最上方时,滚动条在页面或者在屏幕上的位置坐标。网页上的脚本语言,从执行加载页面的事件不始,到页面加载完成需要一定的时间,当前页面加载完成时刻指的是当前页面加载完成的时刻。
在步骤S102中,滚动条滚动事件由对滚动条的拖动触发。对于电脑用户,其通过鼠标拖动滚动条,或者通过鼠标滚轮滚动滚动条,均会产生滚动条滚动事件,从而触发步骤S102。而对于手机用户来说,通过键盘拖动页面,或者使用触摸屏幕的用户通过触摸操作拖动滚动条或者拖动页面,均会产生滚动条滚动事件,从而触发步骤S102。本次滚动条触发时刻指的是步骤S102被触发时的时刻,本次滚动条数值为步骤S102被触发时,滚动条的滚动条数值,即滚动条在步骤S102被触发时在页面或者在屏幕上的位置坐标。步骤S102可能会被多次触发,每次触发均关于滚动条的本次滚动条触发时刻和本次滚动条数值,从而得到多个本次滚动条触发时刻和本次滚动条数值。
步骤S103根据本次滚动条数值、本次滚动条触发时刻、当前页面起始滚动条数值和当前页面加载完成时刻进行计算,得到页面浏览速度,根据该页面浏览速度,预测页面剩余浏览时间,当页面剩余浏览时间满足预设条件则触发步骤S104对页面进行加载。该预设条件可以是一个预设的阈值,即当页面剩余浏览时间少于预设阈值时,则触发步骤S104。
本发明通过预测页面剩余浏览时间,提前进行后续页面的加载,使得用户可以不间断的浏览后续内容,不用等待页面加载,提高用户体验度。
本发明优选地在手机或其他移动设备上使用,特别是当手机或移动设备采用低速网络访问网页时使用。低速网络如通用分组无线服务技术(General Packet Radio Service,GPRS),由于网络速度较慢,因此如果采用现行技术,用户需要等待较长时间才能加载后续网页,用户无法快速顺畅浏览。
在其中一个实施例中,所述页面浏览速度的计算方式为:
Figure PCTCN2015097075-appb-000001
其中,vr为页面浏览速度,k为本次滚动条数值,ks为当前页面起始滚动条数值,t为本次滚动条触发时刻,ts为当前页面加载完成时刻。
当步骤S102被触发时,则计算本次滚动条数值与当前页面起始滚动条数值的差值,从而确定滚动条的滚动距离,再计算本次滚动条触发时刻和当前页面加载完成时刻的差值,从而确定滚动条从开始滚动到当前距离所耗时间,滚动距离和时间的比值即作为页面浏览速度。
在其中一个实施例中,所述步骤S102被至少一次触发,每次触发时记录一个本次滚动条触发时刻和本次滚动条数值,所述页面浏览速度的计算方式为:
Figure PCTCN2015097075-appb-000002
其中,vr为页面浏览速度,ki为第i次的本次滚动条数值,ks为当前页面起始滚动条数值,ti为第i次本次滚动条触发时刻,ts为当前页面加载完成时刻,n为步骤S102的总共被触发次数。
用户在阅读页面时会多次拖动滚动条,则步骤S102被多次触发,本实施例采用每次触发时所计算的浏览速度的平均值作为页面浏览速度,使得该页面浏览速度更切合实际。
在其中一个实施例中,所述页面剩余浏览时间的计算方式为:tf=vr×(ke-k),其中tf为页面剩余浏览时间,vr为页面浏览速度,k本次滚动条数值,ke为当前页面末端滚动条数值。
本实施例,根据本次滚动条数值和当前页面末端滚动条数值的差值作为剩余距离,通过与页面浏览速度的计算得到页面剩余浏览时间。
在其中一个实施例中:
所述步骤S101,还包括记录关于当前页面的当前页面加载耗时;
所述预设条件为页面剩余浏览时间小于或等于所述当前页面加载耗时。
本实施例通过当前页面加载耗时,预估后续页面的加载耗时。在用户浏览网页时,根据步骤S101~步骤S103计算用户操作行为,分析客户的浏览速度,然后和当前页面加载耗时进行对比,提前触发加载后续页面的操作。本实施例采用页面加载耗时作为预设条件,相比于现有技术在页面到最后时才触发页面加载,能够更加准确地捕捉用户的浏览习惯,而且由于该条件是时间的比较,因此不受屏幕大小或者页面长短的限制,加载时机更为准确。
如图2所示为本发明最佳实施例的工作流程图,包括:
步骤S201,用户浏览页面并且页面加载完成后的时候:
每次加载页面后,记录当前页面的开始位置(滚动条数值)即本页起始滚动条数值,记录本页末端滚动条数值、本页起始滚动条数值、本页加载耗时、本页加载完成时刻;
步骤S202,根据每次触发滚动事件,分析浏览速度和效率:
每次用户通过点击滚动条或者滑动页面时,触发滚动条滚动事件时,记录本次滚动条触发时间和本次滚动条数值。
通过公式计算:
浏览速度
Figure PCTCN2015097075-appb-000003
其中,vr为浏览速度,ki为第i次的本次滚动条数值,ks为本页起始滚动条数值,ti为第i次本次滚动条触发时刻,ts为本页加载完成时刻,n为步骤S202的总共被触发次数;
页面浏览时间=(本页末端滚动条数值-本页起始滚动条数值)×浏览速度;
计算剩余页面的浏览时间:剩余浏览时间=浏览速度×(本页末端滚动条数值-本次滚动条数值);
如果(剩余浏览时间<=本页加载时间)成立,则触发步骤S203加载后续页面的内容;
步骤S203,加载后续页面:
查询跟进本页显示的最后一行数据编号,通过javascript脚本请求WEB服务器,按照每页显示行数的设置,查询后续的数据,并通过javascript脚本加载数据更新到当前页面末端。然后重复步骤S201。
如图3所示为本发明一种网页页面加载系统的结构模块图,包括:
滚动条参数获取模块301,包括:响应于页面加载完成事件,记录关于当前页面的当前页面末端滚动条数值、当前页面起始滚动条数值和当前页面加载完成时刻;
滚动条滚动触发模块302,包括:响应于滚动条滚动事件,记录关于滚动条的本次滚动条触发时刻和本次滚动条数值,执行滚动条判断模块303;
滚动条判断模块303,包括:根据至少一个所述本次滚动条数值、至少一个本次滚动条触发时刻、当前页面起始滚动条数值和当前页面加载完成时刻,计算页面浏览速度,根据所述页面浏览速度、当前页面末端滚动条数值和当前页面起始滚动条数值计算页面剩余浏览时间,当所述页面剩余浏览时间满足预设条件,则触发页面加载模块304;
页面加载模块304,包括:查询当前页面的后续页面,向服务器发送关于后续页面的页面获取请求,将服务器返回的关于后续页面的页面数据加载更新到当前页面末端。
在其中一个实施例中,所述页面浏览速度的计算方式为:
Figure PCTCN2015097075-appb-000004
其中,vr为页面浏览速度,k为本次滚动条数值,ks为当前页面起始滚动条数值,t为本次滚动条触发时刻,ts为当前页面加载完成时刻。
在其中一个实施例中,所述滚动条滚动触发模块被至少一次触发,每次触发时记录一个本次滚动条触发时刻和本次滚动条数值,所述页面浏览速度的计算方式为:
Figure PCTCN2015097075-appb-000005
其中,vr为页面浏览速度,kt为第i次的本次滚动条数值,ks为当前页面起始滚动条数值,ti为第i次本次滚动条触发时刻,ts为当前页面加载完成时刻,n为滚动条滚动 触发模块的总共被触发次数。
在其中一个实施例中,所述页面剩余浏览时间的计算方式为:tf=vr×(ke-k),其中tf为页面剩余浏览时间,vr为页面浏览速度,k本次滚动条数值,ke为当前页面末端滚动条数值。
在其中一个实施例中:
所述滚动条参数获取模块,还包括记录关于当前页面的当前页面加载耗时;
所述预设条件为页面剩余浏览时间小于或等于所述当前页面加载耗时。
以上所述实施例仅表达了本发明的几种实施方式,其描述较为具体和详细,但并不能因此而理解为对本发明专利范围的限制。应当指出的是,对于本领域的普通技术人员来说,在不脱离本发明构思的前提下,还可以做出若干变形和改进,这些都属于本发明的保护范围。因此,本发明专利的保护范围应以所附权利要求为准。

Claims (10)

  1. 一种网页页面加载方法,其特征在于,包括:
    滚动条参数获取步骤,包括:响应于页面加载完成事件,记录关于当前页面的当前页面末端滚动条数值、当前页面起始滚动条数值和当前页面加载完成时刻;
    滚动条滚动触发步骤,包括:响应于滚动条滚动事件,记录关于滚动条的本次滚动条触发时刻和本次滚动条数值,执行滚动条判断步骤;
    滚动条判断步骤,包括:根据至少一个所述本次滚动条数值、至少一个本次滚动条触发时刻、当前页面起始滚动条数值和当前页面加载完成时刻,计算页面浏览速度,根据所述页面浏览速度、当前页面末端滚动条数值和当前页面起始滚动条数值计算页面剩余浏览时间,当所述页面剩余浏览时间满足预设条件,则触发页面加载步骤;
    页面加载步骤,包括:查询当前页面的后续页面,向服务器发送关于后续页面的页面获取请求,将服务器返回的关于后续页面的页面数据加载更新到当前页面末端。
  2. 根据权利要求1所述的网页页面加载方法,其特征在于,所述页面浏览速度的计算方式为:
    Figure PCTCN2015097075-appb-100001
    ,其中,vr为页面浏览速度,k为本次滚动条数值,ks为当前页面起始滚动条数值,t为本次滚动条触发时刻,ts为当前页面加载完成时刻。
  3. 根据权利要求1所述的网页页面加载方法,其特征在于,所述滚动条滚动触发步骤被至少一次触发,每次触发时记录一个本次滚动条触发时刻和本次滚动条数值,所述页面浏览速度的计算方式为:
    Figure PCTCN2015097075-appb-100002
    其中,vr为页面浏览速度,ki为第i次的本次滚动条数值,ks为当前页面起始滚动条数值,ti为第i次本次滚动条触发时刻,ts为当前页面加载完成时刻,n为滚动条滚动触发步骡的总共被触发次数。
  4. 根据权利要求1所述的网页页面加载方法,其特征在于,所述页面剩余浏览时间的计算方式为:tf=vr×(ke-k),其中tf为页面剩余浏览时间,vr为页面浏览速度,k本次滚动条数值,ke为当前页面末端滚动条数值。
  5. 根据权利要求1所述的网页页面加载方法,其特征在于:
    所述滚动条参数获取步骤,还包括记录关于当前页面的当前页面加载耗时;
    所述预设条件为页面剩余浏览时间小于或等于所述当前页面加载耗时。
  6. 一种网页页面加载系统,其特征在于,包括:
    滚动条参数获取模块,包括:响应于页面加载完成事件,记录关于当前页面的当前页面末端滚动条数值、当前页面起始滚动条数值和当前页面加载完成时刻;
    滚动条滚动触发模块,包括:响应于滚动条滚动事件,记录关于滚动条的本次滚动条触发时刻和本次滚动条数值,执行滚动条判断模块;
    滚动条判断模块,包括:根据至少一个所述本次滚动条数值、至少一个本次滚动条触发时刻、当前页面起始滚动条数值和当前页面加载完成时刻,计算页面浏览速度,根据所述页面浏览速度、当前页面末端滚动条数值和当前页面起始滚动条数值计算页面剩余浏览时间,当所述页面剩余浏览时间满足预设条件,则触发页面加载模块;
    页面加载模块,包括:查询当前页面的后续页面,向服务器发送关于后续页面的页面获取请求,将服务器返回的关于后续页面的页面数据加载更新到当前页面末端。
  7. 根据权利要求6所述的网页页面加载系统,其特征在于,所述页面浏览速度的计算方式为:
    Figure PCTCN2015097075-appb-100003
    其中,vr为页面浏览速度,k为本次滚动条数值,ks为当前页面起始滚动条数值,t为本次滚动条触 发时刻,ts为当前页面加载完成时刻。
  8. 根据权利要求6所述的网页页面加载系统,其特征在于,所述滚动条滚动触发模块被至少一次触发,每次触发时记录一个本次滚动条触发时刻和本次滚动条数值,所述页面浏览速度的计算方式为:
    Figure PCTCN2015097075-appb-100004
    其中,vr为页面浏览速度,ki为第i次的本次滚动条数值,ks为当前页面起始滚动条数值,ti为第i次本次滚动条触发时刻,ts为当前页面加载完成时刻,n为滚动条滚动触发模块的总共被触发次数。
  9. 根据权利要求6所述的网页页面加载系统,其特征在于,所述页面剩余浏览时间的计算方式为:tf=vr×(ke-k),其中tf为页面剩余浏览时间,vr为页面浏览速度,k本次滚动条数值,ke为当前页面末端滚动条数值。
  10. 根据权利要求6所述的网页页面加载系统,其特征在于:
    所述滚动条参数获取模块,还包括记录关于当前页面的当前页面加载耗时;
    所述预设条件为页面剩余浏览时间小于或等于所述当前页面加载耗时。
PCT/CN2015/097075 2014-12-26 2015-12-11 一种网页页面加载方法及系统 Ceased WO2016101795A1 (zh)

Priority Applications (3)

Application Number Priority Date Filing Date Title
RU2017126608A RU2668734C1 (ru) 2014-12-26 2015-12-11 Способ и система загрузки веб-страниц
US15/537,702 US10417297B2 (en) 2014-12-26 2015-12-11 Webpage loading method and system
JP2017534295A JP6430020B2 (ja) 2014-12-26 2015-12-11 ウェブページのローディング方法およびシステム

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201410832010.1A CN104572912B (zh) 2014-12-26 2014-12-26 一种网页页面加载方法及系统
CN201410832010.1 2014-12-26

Publications (1)

Publication Number Publication Date
WO2016101795A1 true WO2016101795A1 (zh) 2016-06-30

Family

ID=53088974

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2015/097075 Ceased WO2016101795A1 (zh) 2014-12-26 2015-12-11 一种网页页面加载方法及系统

Country Status (5)

Country Link
US (1) US10417297B2 (zh)
JP (1) JP6430020B2 (zh)
CN (1) CN104572912B (zh)
RU (1) RU2668734C1 (zh)
WO (1) WO2016101795A1 (zh)

Families Citing this family (18)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104572912B (zh) * 2014-12-26 2017-03-29 北京京东尚科信息技术有限公司 一种网页页面加载方法及系统
CN104965659B (zh) * 2015-07-06 2017-12-15 无锡天脉聚源传媒科技有限公司 一种页面信息的预加载方法及装置
CN105260406A (zh) * 2015-09-23 2016-01-20 北京金山安全软件有限公司 一种浏览器加载速度确定方法及装置
CN106815036B (zh) * 2015-11-30 2020-06-26 阿里巴巴集团控股有限公司 加载提示方法及装置
CN105677314B (zh) * 2015-12-24 2019-06-21 小米科技有限责任公司 滚动事件的处理方法、装置和设备
CN106991099A (zh) * 2016-01-21 2017-07-28 北京铂金智慧网络科技有限公司 一种基于页面访问的阅读线生成方法及系统
CN106095258B (zh) * 2016-06-07 2020-05-08 Tcl移动通信科技(宁波)有限公司 一种基于移动终端的电子书换页方法及系统
CN107026895A (zh) * 2017-01-12 2017-08-08 阿里巴巴集团控股有限公司 应用程序列表数据的推送方法、装置和服务器
CN108319624B (zh) * 2017-01-18 2022-04-26 腾讯科技(深圳)有限公司 数据加载方法及装置
CN107609184A (zh) * 2017-09-30 2018-01-19 北京奇虎科技有限公司 基于网页浏览行为的数据加载方法及装置
CN108182195A (zh) * 2017-11-23 2018-06-19 五八有限公司 一种数据的加载方法、装置、终端及存储介质
CN110889065B (zh) * 2018-08-15 2023-05-09 北京国双科技有限公司 页面停留时长确定方法、装置与设备
CN111125575A (zh) * 2018-10-31 2020-05-08 北京国双科技有限公司 网页数据处理方法和装置
CN110221758B (zh) * 2019-04-29 2022-08-26 平安科技(深圳)有限公司 滚动条控制方法、装置、计算机设备和存储介质
CN110188140A (zh) * 2019-05-09 2019-08-30 广州视源电子科技股份有限公司 数据拉取方法、装置、存储介质和计算机设备
CN113868315B (zh) * 2021-09-28 2024-10-18 深圳云之家网络有限公司 一种数据滚动加载方法、装置、设备及存储介质
CN114357338A (zh) * 2022-01-14 2022-04-15 上海非码网络科技有限公司 基于用户行为分析页面数据预加载方法、终端及存储介质
CN117421069B (zh) * 2023-11-24 2025-01-28 久睦本(海南)科技股份有限公司 一种互联网小程序的动态加载方法、系统、设备及存储介质

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101828166B (zh) * 2007-10-19 2012-06-20 微软公司 动态更新的虚拟列表视图
CN102541848A (zh) * 2010-12-08 2012-07-04 卓望数码技术(深圳)有限公司 基于手机浏览器的页面加载方法、装置、系统和服务器
CN102637201A (zh) * 2012-03-14 2012-08-15 南京新与力文化传播有限公司 基于异步数据传输的网页加载方法
CN103885965A (zh) * 2012-12-21 2014-06-25 鸿富锦精密工业(深圳)有限公司 页面加载管理方法及系统
CN104572912A (zh) * 2014-12-26 2015-04-29 北京京东尚科信息技术有限公司 一种网页页面加载方法及系统

Family Cites Families (14)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JPWO2004097654A1 (ja) * 2003-04-28 2006-07-13 富士通株式会社 Webコンテンツの有効性評価方法、これを用いたWebコンテンツ検索方法、Webコンテンツ課金方法及び検索サーバ、コンテンツ提供装置
JP4093478B2 (ja) * 2003-09-10 2008-06-04 日本電信電話株式会社 リンク先コンテンツの先読み装置及び先読み方法
US7716194B2 (en) * 2005-01-12 2010-05-11 Microsoft Corporation File management system employing time line based representation of data
JP2006244221A (ja) * 2005-03-04 2006-09-14 Konica Minolta Photo Imaging Inc 画像処理方法、画像処理装置及び画像処理プログラム
CN100504870C (zh) * 2006-09-05 2009-06-24 腾讯科技(深圳)有限公司 一种网页内容展现方法和一种客户端装置
US8788589B2 (en) * 2007-10-12 2014-07-22 Watchitoo, Inc. System and method for coordinating simultaneous edits of shared digital data
CN101504648A (zh) * 2008-11-14 2009-08-12 北京搜狗科技发展有限公司 展现网页资源的方法及装置
JP5426285B2 (ja) * 2009-09-08 2014-02-26 株式会社東芝 地図情報表示システム
CN101770519A (zh) * 2010-03-03 2010-07-07 深圳市戴维尼科技有限公司 一种浏览器数据加载方法
EP2466490A1 (en) * 2010-12-06 2012-06-20 Lightfish, Inc. System for speeding up website use using task workflow templates for filtration and extraction
CN102222086B (zh) * 2011-05-18 2014-11-26 广州市动景计算机科技有限公司 基于移动终端的网页阅读方法、网页阅读装置及移动终端
US8983237B2 (en) * 2012-08-22 2015-03-17 Adobe Systems Incorporated Non-destructive collaborative editing
US9247528B2 (en) * 2012-10-12 2016-01-26 Cisco Technology, Inc. System and method for reducing paging in UTRAN/GERAN/E-UTRAN networks when idle signaling reduction is active
US9348496B2 (en) * 2013-06-28 2016-05-24 Google Inc. Selecting content based on performance of a content slot

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101828166B (zh) * 2007-10-19 2012-06-20 微软公司 动态更新的虚拟列表视图
CN102541848A (zh) * 2010-12-08 2012-07-04 卓望数码技术(深圳)有限公司 基于手机浏览器的页面加载方法、装置、系统和服务器
CN102637201A (zh) * 2012-03-14 2012-08-15 南京新与力文化传播有限公司 基于异步数据传输的网页加载方法
CN103885965A (zh) * 2012-12-21 2014-06-25 鸿富锦精密工业(深圳)有限公司 页面加载管理方法及系统
CN104572912A (zh) * 2014-12-26 2015-04-29 北京京东尚科信息技术有限公司 一种网页页面加载方法及系统

Also Published As

Publication number Publication date
US10417297B2 (en) 2019-09-17
CN104572912B (zh) 2017-03-29
JP2018506110A (ja) 2018-03-01
CN104572912A (zh) 2015-04-29
RU2668734C1 (ru) 2018-10-02
US20180004857A1 (en) 2018-01-04
JP6430020B2 (ja) 2018-11-28

Similar Documents

Publication Publication Date Title
WO2016101795A1 (zh) 一种网页页面加载方法及系统
CN105786352B (zh) 快速定位页面内容的方法、装置及移动终端
EP2579144B1 (en) Determining a target position for scrolling content
US9756140B2 (en) Tracking user behavior relative to a network page
US9495339B2 (en) Method and apparatus for displaying information in a browser
CA2892570C (en) Image display environment
CN103279278B (zh) 一种在终端界面中获取图标详细信息的方法和装置
CN110134308A (zh) 数据展示方法、装置、设备及计算机可读存储介质
US20120110453A1 (en) Display of Image Search Results
JP5992467B2 (ja) 端末機のスクロール制御方法、その装置及びそのコンピュータ可読記録媒体
CN106097072B (zh) 一种商品信息的对比方法、装置与终端设备
AU2012247097B2 (en) Visual search history
CN112136127B (zh) 用于搜索操作输出元素的动作指示符
US20130073945A1 (en) Dynamic reorganization of page elements of a web application
CN102222086A (zh) 基于移动终端的网页阅读方法、网页阅读装置及移动终端
CN102902454A (zh) 网页边缘内容选择方法及装置和移动终端
US11320981B2 (en) Friendly finite scrolling for theme data pagination
CN112099706A (zh) 页面展示方法、装置、电子设备及计算机可读存储介质
WO2014067442A1 (en) Page browsing method and browser
CN105243058A (zh) 一种网页内容翻译方法及电子设备
CN102955788A (zh) 网页浏览跳转系统及其方法
CN111698365B (zh) 一种信息展示的方法、装置、服务器及可读介质
CN113032073A (zh) 一种基于操作行为的页面展示方法和装置
CN107145494A (zh) 一种浏览网页中缩略图的方法及装置
US20140129927A1 (en) Page browsing method and browser

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 15871864

Country of ref document: EP

Kind code of ref document: A1

WWE Wipo information: entry into national phase

Ref document number: 15537702

Country of ref document: US

ENP Entry into the national phase

Ref document number: 2017534295

Country of ref document: JP

Kind code of ref document: A

NENP Non-entry into the national phase

Ref country code: DE

ENP Entry into the national phase

Ref document number: 2017126608

Country of ref document: RU

Kind code of ref document: A

122 Ep: pct application non-entry in european phase

Ref document number: 15871864

Country of ref document: EP

Kind code of ref document: A1