Webpage Loading Prediction via Scroll Speed Analysis
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Users experience unsmooth webpage browsing due to the need to wait for page loading when reaching the end of a webpage, especially on low-speed networks, which disrupts continuous browsing.
Innovation Solution
A method and system that predict remaining page browsing time by calculating page browsing speed based on scroll bar values and triggering events, allowing for anticipatory loading of subsequent pages when the remaining time meets a preset condition, thereby eliminating the need to wait for the current page to finish loading.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Reliability
If the system waits for the current page to fully load before allowing users to browse, then the page content is complete and accurate, but the browsing experience becomes unsmooth and interrupted
Solution Approach 1:
The system performs preliminary actions by pre-loading the subsequent page content into a buffer before the user actually needs it. The scroll bar determining module calculates remaining browsing time and triggers page loading in advance, so that when the user reaches the end of the current page, the next page is already ready and can be displayed immediately without interruption.
2Ease of operation
If the system pre-loads the subsequent page before the user reaches the end, then browsing becomes smooth and uninterrupted, but unnecessary loading occurs when users are reading carefully
Solution Approach 1:
The system dynamically adjusts the page loading trigger based on real-time user browsing behavior. The scroll bar determining module continuously monitors the scroll bar value and calculates the remaining browsing time based on the user's current scrolling speed. This dynamic approach allows the system to accurately predict when the user will reach the end and trigger loading only at the optimal moment, avoiding both premature and delayed loading.
3Productivity
If the system triggers page loading only when the user reaches the end of the current page, then loading resources are optimized, but the user experiences a waiting period that interrupts browsing
Solution Approach 1:
The system performs the page loading action preliminarily by calculating the remaining browsing time and triggering the load before the user actually reaches the end. This eliminates the user's waiting time while maintaining loading efficiency through intelligent timing based on scroll position and browsing speed analysis.
4Loss of time
If the system monitors scroll bar events continuously to predict browsing time, then page loading timing is optimized, but the system complexity increases
Solution Approach 1:
The system implements a feedback mechanism where the scroll bar determining module continuously monitors the scroll bar value and triggering time, calculates the user's browsing speed, and uses this feedback to dynamically adjust the remaining browsing time prediction. This feedback loop enables precise timing optimization while keeping the system relatively simple by building upon existing scroll event monitoring capabilities.
Data Source
AI summary
Webpage loading method and system. While browsing a webpage, a user can uninterruptedly browse subsequent contents without waiting for page loading since whether subsequent pages need to be loaded is determined by the prediction of remaining page browsing time. The method comprises: in response to a page loading completion event, recording a current page end scroll bar value, a current page initial scroll bar value and a current page loading completion moment; in response to a scroll bar scrolling event, recording a present scroll bar triggering moment and a present scroll bar value; calculating a page browsing speed and a remaining page browsing time; and when the remaining page browsing time meets a preset condition, sending to a server a page acquisition request related to subsequent pages of the current page and loading and updating page data about the subsequent pages to the end of the current page.