Edge Server Web Page Loading Optimization
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Existing web page loading technologies require modifications to website structure and third-party JavaScript files, which are uncontrollable and affect loading speed, leading to longer page loading times and user experience issues.
Innovation Solution
A method and system that utilize an edge server in a content delivery network to optimize the loading list of web page resources by rewriting the loading list according to a predetermined optimization scheme, allowing for asynchronous, acceleration, or shielding of resources without modifying the origin site or user terminal configurations, thereby improving loading speed and user experience.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Device complexity
If the browser loads and executes scripts sequentially by default, then the page structure remains simple and easy to implement, but the page loading time increases significantly
Solution Approach 1:
The patent segments the page loading process by separating script loading from HTML rendering. Scripts are loaded asynchronously in the background while the HTML structure is rendered first, allowing parallel execution of loading and rendering tasks instead of sequential processing.
Solution Approach 2:
The patent implements preliminary action by pre-loading scripts in the background before they are actually needed for execution. The loading list is prepared and scripts are fetched asynchronously ahead of time, so when the browser needs to execute them, they are already available or loading in parallel with rendering.
2Loss of time
If the website structure is modified to adjust the loading sequence, then the page loading speed improves, but the ease of operation decreases because only the web page owner can modify it
Solution Approach 1:
The patent introduces an intermediary mechanism - the loading list - that acts as a mediator between the web page owner and the browser. The loading list contains pre-configured script loading instructions that can be updated without modifying the actual website structure or code, allowing flexible control over loading sequences while maintaining operational simplicity.
3Loss of time
If third-party JavaScript files are modified to optimize loading, then the loading sequence can be controlled, but the adaptability decreases because third-party files are uncontrollable and cannot be modified
Solution Approach 1:
The patent creates a copy or representation of the loading instructions in the loading list, which mirrors the intended loading sequence without requiring modification of the actual third-party JavaScript files. The browser uses this loading list copy to control the loading and execution order, effectively managing third-party scripts without needing to alter their source code.
4Loss of time
If the loading list is rewritten according to optimization schemes, then the page loading speed improves, but the device complexity increases due to additional processing steps
Solution Approach 1:
The patent implements self-service by enabling the loading list to automatically rewrite and optimize itself based on predetermined optimization schemes. The system uses predefined rules and algorithms that autonomously adjust the loading sequence without requiring complex manual configuration or intervention, reducing the operational complexity despite the enhanced functionality.
Data Source
AI summary
Embodiments of the present disclosure relate to the Internet, and disclose a method and system for loading a web page, and a server. In the present disclosure, a method for loading the web page is applied to an edge server of a content delivery network, including: obtaining a loading list corresponding to a page according to a page loading request when the page loading request is received from a user terminal, and the loading list includes several add-ins to be loaded; identifying from a resource to be accelerated the add-ins to be loaded; rewriting the resource to be accelerated in the loading list according to a predetermined optimization scheme; and feeding back the rewritten loading list to the user terminal for the user terminal to request each add-in on the loading list to perform a page loading.