A page loading method and device

Abstract

The embodiment of the present application discloses a page loading method and device. The method includes: obtaining relevant information of the view elements of the area blocks in the target page and saving them locally; wherein, the target page is a page that has been successfully loaded; the relevant The information includes the position information of the picture, but does not include the content information of the picture; the related information includes the position information of the first element and the content information of the first element, and the first element is a view element different from the picture type; During the page loading process, a placeholder map corresponding to the area block is generated according to the stored relevant information, and the placeholder map is displayed on the page. By displaying the generated placeholder image during the page loading process, the loading speed is improved, and the user's psychological expectation of knowing the content of the page in advance is satisfied, and the user experience is improved.

Description

technical field [0001] The present application relates to the technical field of the Internet, in particular to a page loading method and device. Background technique [0002] Affected by factors such as the network, when a user requests a page, the area blocks of the page are loaded in blocks, which requires processing of unloaded parts to improve user experience. [0003] One technical solution is to display a preset gray image on the page as a placeholder before the page is successfully loaded to remind users that the page is loading. Since the gray image has a strong visual impact and does not carry any business information, It is difficult to meet the user's psychological expectation of knowing the content of the page. [0004] Another technical solution is to display the cached historical page data during the page loading process to meet the user's expectation of knowing the content of the page in advance, but this method can easily mislead the user into thinking that...

AI Technical Summary

Problems solved by technology

[0003] One technical solution is to display a preset gray image on the page as a placeholder before the page is successfully loaded to remind users that the page is loading. Since the gray image has a strong visual impact and does not carry any business information, Difficult to meet users' psychological expectations of knowing the content of the page

[0004] Another technical solution is to display the cached historical page data during the page loading process to meet the user's expectation of knowing the content of the page in advance, but this method can easily mislead the user into thinking that the requested page has been loaded successfully and display the historical page Data still needs to be re-measured and laid out when rendering, which is slower to load

Images