Webpage Rendering via Pre-rendered Configuration Files

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

Existing webpage rendering technologies increase server workload and slow down webpage loading speeds due to the need for servers to perform rendering operations for each access request, failing to meet user expectations for page display speed.

Innovation Solution

A method where a server sends a pre-rendered page configuration file to a terminal, allowing the terminal to generate and render the webpage, reducing server workload and improving loading speed by utilizing content distribution networks to balance file storage and access.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Adaptability or versatility

If the server uses a template engine to generate a page of a Web App for each access request, then the webpage can be dynamically rendered according to user needs, but the workload of the server increases and the page loading speed becomes slower

Engineering Contradiction:
Improvedynamic webpage renderingVSAvoidpage loading speed
Core Design Contradiction:
Adaptability or versatilityVSProductivity

Solution Approach 1:

The patent pre-generates multiple versions of webpage content in advance and stores them in the database before actual user access. When a user requests a webpage, the system directly retrieves the pre-generated content instead of rendering it in real-time, thus maintaining adaptability while significantly improving loading speed.

Inventive Principle:
Principle #10Preliminary action

Solution Approach 2:

The patent extracts the webpage rendering function from the server to the terminal device. The server only sends configuration information and raw content to the terminal, while the terminal's browser performs the actual rendering locally, reducing server workload and improving response speed.

Inventive Principle:
Principle #2Taking out (Extraction)

2Adaptability or versatility

If the server performs rendering operations for each access request, then the webpage can be customized according to user requirements, but the server workload increases

Engineering Contradiction:
Improvecustomized webpage contentVSAvoidserver workload
Core Design Contradiction:
Adaptability or versatilityVSPower

Solution Approach 1:

The patent enables terminal devices to perform webpage rendering independently without relying on server-side rendering for each request. The terminal uses its own browser engine to render pages locally based on received configuration data, making the system self-sufficient and reducing server burden.

Inventive Principle:
Principle #25Self-service

Solution Approach 2:

The patent introduces a configuration file as an intermediary between the server and terminal. This configuration file contains rendering instructions and parameters that guide the terminal to generate customized webpage content locally, eliminating the need for server-side template processing.

Inventive Principle:
Principle #24Intermediary (Mediator)

3Device complexity

If all page files are stored in a single content distribution network, then the system structure is simplified, but storage and access efficiency decreases

Engineering Contradiction:
Improvesystem structureVSAvoidfile access efficiency
Core Design Contradiction:
Device complexityVSProductivity

Solution Approach 1:

The patent divides webpage files into different types (configuration files, static resources, dynamic content) and stores them in separate content distribution networks. This segmentation allows each CDN to be optimized for its specific file type and enables parallel access, improving overall loading efficiency.

Inventive Principle:
Principle #1Segmentation

Data Source

PatentUS11144711B2Webpage rendering method, device, electronic apparatus and storage medium
Publication Date: 2021.10.12 BAIDU ONLINE NETWORK TECH (BEIJIBG) CO LTD
  • US11144711B2 patent drawing
  • US11144711B2 patent drawing
  • US11144711B2 patent drawing

AI summary

A webpage rendering method and device, an electronic apparatus and a storage medium are provided, which are related to a field of web rendering technology. A specific implementation includes: receiving an access request of a target webpage from a terminal; and sending a page configuration file of the target webpage to the terminal, in response to the access request of the target webpage, wherein the page configuration file is configured to form a pre-rendered page of the target webpage, and the pre-rendered page includes a part or all of the target webpage that has been rendered; and the pre-rendered page is configured to enable the terminal to acquire a rendered page of the target webpage.