Viewport-Based Web Document Object Loading
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Modern web documents often require users to download large volumes of data, including images and videos, even if they only need to view a portion of the content, leading to increased wait times and bandwidth usage.
Innovation Solution
A computer-implemented method that identifies a portion of a retrieved web document visible to a user and selectively loads and manipulates multimedia content within that visible portion, performing corresponding actions only when the content falls within specific boundaries of the user's viewport.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Adaptability or versatility
If modern web documents integrate images, videos, and other multimedia content to expand richness, then content richness and user engagement are improved, but data volume increases leading to longer download times and higher bandwidth usage
Solution Approach 1:
The web document is divided into multiple visible portions along the scrolling direction, with each portion containing specific objects. The system processes and manipulates objects selectively based on which portions are currently visible to the user, rather than processing the entire document uniformly. This segmentation enables parallel processing and reduces overall processing time.
Solution Approach 2:
Instead of processing the entire web document, the system performs partial actions by selectively processing only the visible portions and objects within those portions. This partial processing approach reduces the total processing load while maintaining sufficient functionality for user interaction with the currently viewed content.
2Adaptability or versatility
If images and additional content are positioned throughout the web page to capture user attention, then user engagement is improved, but the amount of data to be downloaded increases even when users only view a selected portion
Solution Approach 1:
The web document is segmented into visible portions defined by boundaries in the scrolling direction. Objects are associated with specific portions, and the system identifies which portions are currently visible. This segmentation enables selective processing of only the relevant portions containing objects of interest, reducing unnecessary data processing.
Solution Approach 2:
Different portions of the web document are treated differently based on their visibility and content importance. The system identifies objects within visible portions and applies specific manipulations only to those objects, rather than uniformly processing all objects in the document. This local quality approach optimizes processing efficiency.
3Adaptability or versatility
If search engines return a large number of results and content associated with search queries, then search comprehensiveness is improved, but the amount of data users must download increases even when they only view several results
Solution Approach 1:
The system performs partial processing by selectively manipulating objects only within visible portions of web documents. When users view multiple search results, the system identifies which portions are visible and processes only those, rather than processing all downloaded content. This reduces unnecessary processing time and resource consumption.
Solution Approach 2:
The system automatically identifies visible portions and associated objects without requiring explicit user indication. The self-service mechanism uses the browser's scrolling state and viewport information to automatically determine which content needs processing, eliminating the need for manual user input while optimizing processing efficiency.
Data Source
AI summary
Systems and methods are provided for improving web-based document retrieval and object manipulation. In an implementation, objects within web documents (e.g., a web page) are manipulated when the objects are visible through a viewport of a user's web browser. According to a method, an object selected from a web document is manipulated when that selected object is displayed within the viewport of the user's browser. The manipulation may include downloading content associated with the stored object and additionally, or alternatively, executing a script associated with the stored object. Additionally, or independently, methods may be provided for blocking the download of an object in a retrieved web document until that object is displayed or visible in the user's browser viewport.