Rendering Hint Learning for Blocking Resource Prioritization

Resolve Bottlenecks,
Find Innovative SolutionsGenerate Solutions

Solution Overview

Problem

Traditional approaches to webpage loading result in inefficient use of bandwidth and processing resources due to simultaneous fetching of all webpage resources, leading to delays in displaying primary content, particularly on slower networks or devices with limited capabilities.

Innovation Solution

A scalable approach using machine learning and real user monitoring to identify common and distinct blocking resources for different page types, generating hints to prioritize resource loading, thereby optimizing webpage rendering and reducing computational overhead.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Loss of time

If all webpage resources are fetched simultaneously, then complete webpage content is available for display, but bandwidth and processing resources are wasted and load times increase

Engineering Contradiction:

Improveload timeVSAvoidbandwidth and processing resources

Core Design Contradiction:

Loss of timeVSLoss of energy

Solution Approach 1:

The patent segments webpage resources into priority levels (above-the-fold vs. below-the-fold content). The system identifies and loads high-priority resources first while deferring low-priority resources, thereby reducing initial load time and bandwidth consumption while ensuring complete content availability when needed.

Inventive Principle:

Principle #1Segmentation

Solution Approach 2:

The system performs preliminary analysis to identify critical resources that must be loaded first (above-the-fold content, essential scripts). By pre-determining the loading sequence based on content importance, the system optimizes perceived load time without wasting resources on loading non-essential elements simultaneously.

Inventive Principle:

Principle #10Preliminary action

2Ease of operation

If non-essential resources are loaded during initial display, then complete content is available, but page responsiveness decreases

Engineering Contradiction:

Improvepage responsivenessVSAvoidresources loaded

Core Design Contradiction:

Ease of operationVSQuantity of substance

Solution Approach 1:

The patent applies different loading strategies to different regions of the webpage. Above-the-fold content receives immediate loading priority with sufficient resources, while below-the-fold content is deferred. This local differentiation ensures optimal responsiveness for visible content while managing overall resource consumption.

Inventive Principle:

Principle #3Local quality

3Productivity

If traditional resource fetching approaches are used, then all resources are accessible, but computational overhead and network connections increase

Engineering Contradiction:

Improvewebpage rendering efficiencyVSAvoidnetwork connections and processing

Core Design Contradiction:

ProductivityVSDevice complexity

Solution Approach 1:

The system extracts and separates critical resources from non-critical resources. By pulling out only the essential above-the-fold content and essential scripts for initial loading, the system reduces the number of simultaneous network connections required and decreases computational overhead while maintaining complete resource accessibility when needed.

Inventive Principle:

Principle #2Taking out (Extraction)

Data Source

PatentUS20260057027A1Scaling learning of rendering hints for a domain comprising numerous web pages

Publication Date: 2026.02.26 SNAPPI INC

AI summary

Web page loading may be improved by leveraging structural similarities across pages within a domain. Web pages are categorized into page types, and representative samples are analyzed to identify common and unique blocking resources. Real user monitoring data is used to refine these resource lists. When a page is requested, predicted blocking resources are used to generate optimization hints, improving loading performance and scalability for large websites.