Webview Template Preloading for Faster Hybrid Page Loading
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Hybrid webview development in applications results in poor performance and long web page loading times due to inefficient creation and initialization of web pages.
Innovation Solution
Pre-create webview templates and load public resources in advance, allowing for partial refresh based on specific parameters to expedite the loading of web pages.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Ease of manufacture
If webview is used for hybrid development to enable cross-platform web page rendering, then development efficiency is improved, but web page loading time increases and performance deteriorates
Solution Approach 1:
The patent applies preliminary action by pre-creating webview templates and pre-loading public resources (such as base HTML structures, CSS frameworks, and JavaScript libraries) before actual web page navigation. When a user accesses a web page, the system reuses the pre-created template and only loads the specific dynamic resources needed for that page, significantly reducing the loading time while maintaining the cross-platform development efficiency benefits of webview
2Speed
If webview template pre-creation is implemented to reduce loading time, then web page loading speed is improved, but device memory consumption increases
Solution Approach 1:
The patent applies segmentation by dividing the webview template into modular components: a base template structure containing public resources, and separate dynamic resource modules for different web pages. This allows the system to load only the necessary dynamic resources for each specific page rather than loading all possible resources, reducing memory consumption while maintaining fast loading speeds through selective resource loading
Data Source
Figure 1
Figure 2~3
Figure 4
AI summary
This application discloses a method for loading a web page, and an electronic device. The method includes: The electronic device pre-creates each webview template, and loads some public resources in advance. After a user inputs a first website address in a first input box on a first interface of a first application, the electronic device parses a first parameter and a second parameter of the first website address, where the first parameter represents a type of the first website address, and the second parameter represents a specific address of a first resource. The electronic device obtains a webview template corresponding to the first parameter. The electronic device transfers the second parameter to the webview template, to trigger requesting to obtain the first resource corresponding to the second parameter. The electronic device partially refreshes web page content based on the first resource, to load the web page. In other words, in a webview template of the electronic device, some public resources can be loaded and run in advance, so that the webview template can be used when a specific type of web pages needs to be loaded. This shortens duration for loading the specific type of web pages.