Dynamic Content Rendering via Browser Coordinate Detection
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Current web page content delivery is inefficient due to the need to load and render entire pages, even if only a portion is visible, leading to wasteful bandwidth and CPU utilization, and inaccurate content usage measurement.
Innovation Solution
A system and method that renders content only when a predefined area of the content page is within the viewer's browser window dimensions and scrolling position, using a correlator code to dynamically generate HTML code and trigger content rendering based on the viewer's browser coordinates, allowing for precise measurement and reporting of viewable content.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Measurement precision
If the entire web page is loaded and rendered by the browser, then the content is fully available to the viewer, but bandwidth and CPU utilization are wasted when the page extends beyond the viewer's browser dimensions and scrolling position
Solution Approach 1:
The patent segments the web page into multiple content blocks with defined rendering areas and triggering areas. The correlator code evaluates each block independently to determine if it should be rendered based on whether its triggering area is visible within the browser window, rather than rendering the entire page at once. This segmentation allows selective rendering of only visible content blocks.
Solution Approach 2:
The patent implements partial action by rendering only the portion of content that is currently visible or may become visible through scrolling, rather than rendering the entire page. The correlator code continuously monitors browser dimensions and scrolling position to trigger rendering of specific content blocks only when needed, avoiding unnecessary rendering of content that remains off-screen.
2Ease of operation
If the browser window area is made to correspond with the web page area, then all content can be viewed without scrolling, but the browser must be expanded or reduced to any size dictated by the user, making the system complex and inflexible
Solution Approach 1:
The patent implements a dynamic rendering system where the correlator code continuously monitors changes in browser window dimensions and scrolling position. Based on these dynamic conditions, the system automatically triggers rendering of appropriate content blocks. This dynamic approach eliminates the need for fixed browser window sizes or complex user adjustments, as the system adapts automatically to any browser configuration.
3Productivity
If content is rendered only when the predefined area is within the viewer's browser dimensions and scrolling position, then bandwidth and CPU are optimized, but the system requires complex coordination between correlator code, browser coordinates, and rendering triggers
Solution Approach 1:
The correlator code is implemented as a self-contained JavaScript application that autonomously performs all necessary functions: it monitors browser dimensions and scrolling position, evaluates content block visibility conditions, triggers rendering of appropriate content, and updates its evaluations continuously. This self-service approach consolidates the coordination logic within a single component, reducing the need for complex external coordination mechanisms.
Data Source
Figure 1
Figure 2
Figure 3
AI summary
A system and method for controlling of rendering of content via electronic networks, whereby content is rendered only when and to the extent that a pre-defined area of the content page is within the viewer's browser window dimensions and scrolling position, or within a pre-defined distance outside of said browser window dimensions and scrolling position When a viewer accesses a content page and scrolls on the page, or changes the dimensions of the viewer's browser window, content corresponding to the viewer's then current browser window dimensions and scrolling position is rendered Content relating to areas of the content page that are not within (or within such pre-defined distance from) the viewer's browser window dimensions and scrolling position is not rendered unless or until such area is within such browser window dimensions and scrolling position or said pre-defined distance outside of same