WO2018072388A1

WO2018072388A1 - Method for pre-reading webpage, method and device for accessing webpage, and programmable device

Info

Publication number: WO2018072388A1
Application number: PCT/CN2017/077535
Authority: WO
Inventors: 吴伟勇
Original assignee: 广州市动景计算机科技有限公司
Priority date: 2016-10-19
Filing date: 2017-03-21
Publication date: 2018-04-26
Also published as: CN107967278A

Abstract

Provided are a method for pre-reading a webpage, a method and device for accessing a webpage, and a programmable device. The method for pre-reading a webpage comprises: in response to a request requesting pre-reading of a target webpage, determining, according to an acquired webpage frame of the target webpage, a preloaded sub-resource and a lazy-loaded sub-resource in a pre-read portion of the target webpage (S2100); and loading the preloaded sub-resource to a corresponding position at the webpage frame of the target webpage to complete pre-reading processing of the target webpage (S2200). The method can effectively reduce data usage required for pre-reading a webpage, thereby improving user experience. Moreover, the invention can effectively reduce a memory resource and a processor resource consumed for pre-reading a webpage.

Description

Web page read-ahead method, web page access method, device and programmable device

This application claims the priority of the Chinese patent application filed on October 19, 2016, the Chinese Patent Office, the application number is CN201610912930.3, and the invention name is "Web page read-ahead method, web page access method, device and programmable device". The entire contents are incorporated herein by reference.

Technical field

The present invention relates to the field of network technologies, and in particular, to a webpage pre-reading method, a webpage accessing method, a device, and a programmable device.

Background technique

With the rapid development of Internet technology, accessing web pages using browsers or applications with similar browser functions has become a common means of obtaining information in people's daily life. With the geometric growth of network information, web page access speed has become One of the key factors that affect the user experience. Therefore, the webpage pre-reading scheme that speeds up the access speed of webpages appears, and its main design ideas are:

When a user visits a certain webpage, by referring to the prediction of the user's access behavior (for example, based on the keyword of the visited page, the prediction based on the user's access history statistics, the prediction based on the functional characteristics of the webpage), the reference on the page of the webpage currently accessed by the user is determined. One or more webpages are webpages that need to be pre-read. In the process of the user accessing the current webpage, the browser used by the user or a browser-like application parses the webpage in the background and loads the webpage frame for the webpage to be read in advance. (eg DOM tree) and all sub-resources;

When the user subsequently clicks to access the pre-read web page, the user uses the browsing The browser or a browser-like application can directly render the webpage with the loaded webpage framework and all the sub-resources, so that the webpage access response time of the pre-read webpage is perceived by the user side is small, and the user is improved. The perceived speed of accessing a web page.

However, the inventor has found that the above-mentioned webpage pre-reading scheme ultimately relies on the prediction of the user's webpage access behavior, and only accurate prediction of the user's access behavior can bring about a better actual speed of the user's access to the webpage, but Compared with the actual network access behavior of users, the predicted network access behavior is always different. The best web page read-ahead hit rate (the number of pre-read webpages/read-read webpages actually clicked by users) can only be approximated. 80%, therefore, there will always be pre-read webpages that have been read-ahead but the users do not actually access them. This will result in waste of resources: one is to waste the pre-reading of the webpage as the webpage frame for loading the webpage, all the sub-pages The traffic consumed by resources, especially when using the mobile operator network for web page access, will be more prominent, causing traffic cost burden to users and affecting user experience. Second, wasting browser or browser-like applications to pre-read the webpage. Perform memory resources such as page parsing, typesetting, and image decoding, as well as processors (such as C PU) resources, etc.

Summary of the invention

An object of the embodiments of the present invention is to provide a webpage pre-reading method, a webpage accessing method, a device, and a programmable device, so as to effectively save the traffic consumed by pre-reading a webpage to improve the user experience, and reduce the cost of pre-reading the webpage. Processing resources.

According to a first aspect of the embodiments of the present invention, a webpage pre-reading method is provided, including:

Responding to the pre-reading request for the target webpage, determining, according to the acquired webpage framework of the target webpage, the preloaded sub-resources and the lazy-loading sub-resources included in the pre-reading part of the target webpage;

Loading the preloaded sub-resource to a corresponding location of a webpage frame of the target webpage to complete a pre-reading process on the target webpage.

Optionally, the step of determining the preloaded sub-resource and the lazy-loaded sub-resource includes:

And determining, according to the webpage framework of the target webpage, that the sub-resource included in the pre-reading part of the target webpage is a lazy-loaded sub-resource, marking the sub-resource as a lazy-loaded sub-resource;

Determining, when determining that the sub-resource included in the pre-reading portion of the target webpage is a pre-loaded sub-resource, according to the webpage framework of the target webpage, loading the pre-loaded sub-resource to load the pre-loaded sub-resource The corresponding location to the webpage frame of the target webpage.

Optionally, the pre-read part of the target webpage is the first screen content of the target webpage.

Optionally, the lazy-loading sub-resource includes at least a sized picture sub-resource in the pre-read portion of the target webpage.

According to a second aspect of the embodiments of the present invention, a webpage access method is provided, including:

Responding to the access request to the target webpage, when the target webpage is a webpage that has completed the pre-reading process according to any one of the webpage pre-reading methods of the first aspect of the present invention, loading the delayed loading sub-resource of the target webpage to the Corresponding location in the webpage frame of the target webpage to display the pre-read portion of the target webpage.

According to a third aspect of the embodiments of the present invention, a webpage pre-reading apparatus includes:

a sub-resource determining unit, configured to determine a pre-loading sub-resource and a lazy-loading sub-resource included in the pre-reading part of the target webpage according to the acquired webpage framework of the target webpage, in response to the pre-reading request to the target webpage ;

a sub-resource pre-loading unit, configured to load the pre-loaded sub-resource to a corresponding position of a webpage frame of the target webpage, to complete pre-reading processing on the target webpage.

Optionally, the sub-resource determining unit includes:

And determining, according to the webpage framework of the target webpage, a device that marks the sub-resource as a lazy-loaded sub-resource when the sub-resource included in the pre-reading part of the target webpage is a lazy-loaded sub-resource;

Determining, when the sub-resource included in the pre-read portion of the target webpage is a pre-loaded sub-resource, according to the webpage framework of the target webpage, triggering the sub-resource pre-loading unit to load the pre-loaded sub-resource to A device for a corresponding location of a webpage frame of the target webpage.

According to a fourth aspect of the present invention, a webpage access device is provided for responding to an access request to a target webpage, wherein the target webpage is any webpage pre-reading method that has been provided according to the first aspect of the present invention. Web page that completes pre-reading And loading a delayed loading sub-resource of the target webpage to a corresponding location in a webpage frame of the target webpage to display a pre-reading portion of the target webpage.

According to a fifth aspect of an embodiment of the present invention, there is provided a programmable device comprising a memory and a processor, the memory for storing instructions for controlling the processor to operate to perform first according to the present invention Any of the web page read-ahead methods provided by the aspect.

According to a sixth aspect of an embodiment of the present invention, there is provided a programmable device comprising a memory and a processor, the memory for storing instructions for controlling the processor to operate to perform a second according to the present invention Any of the web page access methods provided by the aspect.

The webpage pre-reading method, the webpage accessing method, the device, and the programmable device provided by the embodiment of the present invention determine the preloaded sub-resource and the lazy-loader included in the pre-reading part of the target webpage by using the webpage framework of the obtained target webpage. The resource only loads the preloaded sub-resource when the target webpage is pre-read. When the user actually accesses the target webpage, the lazy loading resource is loaded, which can save the traffic consumed during the pre-reading webpage and reduce the traffic of the user visiting the webpage. The cost burden increases the user experience, and it also reduces the memory resources and processor resources used to load too many sub-resources during pre-reading web pages.

DRAWINGS

The accompanying drawings, which are incorporated in FIG

FIG. 1 is a schematic diagram showing an application environment of a programmable device according to an embodiment of the present invention.

2 is a block schematic diagram of a programmable device in accordance with an embodiment of the present invention.

FIG. 3 is a flow chart showing a webpage pre-reading method in an embodiment of the present invention.

FIG. 4 is a block diagram showing a webpage pre-reading apparatus in an embodiment of the present invention.

FIG. 5 is a flowchart of an example of a webpage pre-reading and webpage accessing method according to an embodiment of the present invention.

detailed description

Various exemplary embodiments of the present invention will now be described in detail with reference to the drawings. It should be noted that the relative arrangement of the components and steps, numerical expressions and numerical values set forth in the embodiments are not intended to limit the scope of the invention unless otherwise specified.

The following description of the at least one exemplary embodiment is merely illustrative and is in no way

Techniques, methods and apparatus known to those of ordinary skill in the relevant art may not be discussed in detail, but the techniques, methods and apparatus should be considered as part of the specification, where appropriate.

In all of the examples shown and discussed herein, any specific values are to be construed as illustrative only and not as a limitation. Thus, other examples of the exemplary embodiments may have different values.

It should be noted that similar reference numerals and letters indicate similar items in the following figures, and therefore, once an item is defined in one figure, it is not required to be further discussed in the subsequent figures.

As shown in FIG. 1 , it is a server 2000 and an editable embodiment provided by the preferred embodiment of the present invention. Schematic diagram of the interaction of the device 1000 communication. The server 2000 can communicate with one or more of the programmable devices 1000 over a network 3000 to enable data communication or interaction between the server 2000 and the programmable device 1000.

In this embodiment, the server 2000 may be, but not limited to, a web server, a file transfer protocol (ftp) server, and the like. The programmable device 1000 can be, but not limited to, a smart phone, a personal computer (PC), a tablet computer, a personal digital assistant (PDA), a mobile internet device (MID), etc. . The network 3000 can be, but is not limited to, a wired network or a wireless network. The operating system of the programmable device 1000 may be, but not limited to, an Android system, an IOS (iPhone operating system) system, a Windows phone system, a Windows system, and the like.

2 is a block schematic diagram showing a programmable device 1000 in which embodiments of the present invention may be implemented.

As shown in FIG. 2, programmable device 1000 can include processor 1010, memory 1020, interface device 1030, communication device 1040, display device 1050, input device 1060, speaker 1070, microphone 1080, and the like. The processor 1010 may be a central processing unit CPU, a microprocessor MCU, or the like. The memory 1020 includes, for example, a ROM (Read Only Memory), a RAM (Random Access Memory), a nonvolatile memory such as a hard disk, and the like. The interface device 1030 includes, for example, a USB interface, a headphone interface, a Bluetooth interface, and the like. The communication device 1040 can, for example, perform wired or wireless communication. The display device 1050 is, for example, a liquid crystal display, a touch display, or the like. Input device 1060, for example It can include a touch screen, a keyboard, and the like. The user can input/output voice information through the speaker 1070 and the microphone 1080.

The programmable device shown in Figure 2 is merely illustrative and is in no way intended to limit the invention, its application or use. In an embodiment of the present invention, the memory 1020 of the programmable device 1000 is configured to store instructions for controlling the processor 1010 to perform operations to perform pre-processing of any one of the web pages provided by the embodiments of the present invention. Read method or web page access method. It will be understood by those skilled in the art that although a plurality of devices are illustrated for the programmable device 1000 in FIG. 2, the present invention may relate only to some of the devices therein, for example, the programmable device 1000 only relates to the processor 1010 and the storage device. 1020 and so on. A technician can design instructions in accordance with the disclosed aspects of the present invention. How the instructions control the processor 1010 to operate is well known in the art and will not be described in detail herein.

In this embodiment, a webpage pre-reading method is provided. As shown in FIG. 3, the webpage pre-reading method includes:

Step S2100: In response to the read-ahead request for the target webpage, determine, according to the acquired webpage framework of the target webpage, a preloading sub-resource and a lazy-loading sub-resource included in the pre-reading part of the target webpage.

In this embodiment, the target webpage is sent by the server 2000 to the programmable device 1000 after receiving the download request sent by the programmable device 1000. In this embodiment, the pre-read request of the target webpage is not limited. Generating method The pre-reading request of the webpage may be predicted according to the behavior of the user visiting the webpage or historical habits, for example, according to the keyword of the webpage currently accessed by the user, or generated according to the historical webpage access record of the user, or the current visit of the user. The web page features are generated, and so on.

In this embodiment, after the pre-reading request of the target webpage is generated, in response to the pre-reading request, the obtained page is parsed to obtain a webpage frame of the target webpage, and the webpage framework represents the page structure of the webpage. The page structure includes information such as page layout, sub-resource attributes contained in the page, and location of sub-resources. For example, the webpage frame of the target webpage may be a DOM (Document Object Mode) of the target webpage. The DOM tree treats the elements in the web page as objects that can be edited and retrieved. The DOM tree contains the DOM elements that make up the DOM tree. Each DOM element stores the corresponding content contained in the web page (the size, location, and layout attributes correspond to each other. Placed sub-resource information, etc.). Obtaining the DOM tree of the target webpage, and determining the sub-resource types included in the target webpage, the sub-resource types include CSS (Cascading Style Sheets) sub-resources, JS (JavaScript, literal translation scripting language) sub-resources, Picture sub-resources, video sub-resources, audio sub-resources, etc.

The type of the various sub-resources included in the target webpage may be determined according to the acquired webpage framework of the target webpage, and the pre-loaded sub-resources included in the pre-reading part of the target webpage may be determined and the lazy loading may be performed. Child resource.

The pre-loading sub-resource is a key sub-resource that needs to be loaded on the pre-reading part of the target webpage when the pre-reading process is performed on the target webpage, for example, a CSS sub-resource, JS sub-resources, non-size image sub-resources of the target web page, background images of the target web page, and the like. The size-in-picture sub-resource needs to be loaded when the webpage is accessed by the external connection method, and the size of the image display is determined according to the image sub-resource defined by the self-size. If it is missing, the layout of the webpage is affected. The background image of the target webpage refers to the background of some interaction-related webpage elements in the target webpage, such as function buttons (input/div nodes, etc.), clickable regions (a node, etc.), etc., if the background image is missing, it will affect The interactive function of the web page.

The lazy-loading sub-resource needs to be loaded, but may not be pre-loaded when the webpage is pre-read, but includes a sub-resource, such as a video sub-page of the target webpage, in the pre-reading portion of the target webpage that is reloaded when the user actually accesses the target webpage. Resources, audio sub-resources, size picture sub-resources, etc. The size picture sub-resource is required to be loaded when the web page is accessed by the external connection mode, and the size of the picture display is determined according to the layout of the web page. If it is missing, the layout of the web page is not affected. In one example, the lazy-loaded sub-resource includes at least a sized picture sub-resource in the pre-read portion of the target web page.

And the pre-reading part of the target webpage is a corresponding area of the target webpage that is initially rendered and displayed to the user when the user actually accesses the target webpage, and the pre-reading section may be set or changed according to the user's needs and the application scenario, for example, When the user accesses the webpage through the network provided by the mobile network operator, the pre-reading part may be set as the first screen content of the target webpage, so as to save the traffic consumed by the pre-read webpage, and reduce the traffic cost burden of the user accessing the webpage; Or, when the user switches from the network provided by the mobile operator to the local wireless local area network (for example, wifi) to access the webpage, The change of the pre-reading portion is the entire content of the target webpage. In some application scenarios, when the memory resources of the web browser or the browser-like application are limited, the pre-reading portion may also be set as the first screen content of the target webpage, so as to reduce implementation. The memory resources consumed by the web page and the processor (such as CPU) resources. Thus, in one example, the pre-read portion of the target web page is the first screen content of the target web page.

In the above example, the setting or change of the pre-reading part may be automatically triggered in the background by a browser or a browser-like application that implements webpage access, and an interface may be provided for user operation triggering.

After step S2100, the process proceeds to step S2200, and the preloaded sub-resource is loaded to the corresponding position of the webpage frame of the target webpage to complete the pre-reading process of the target webpage.

In this embodiment, the pre-reading process on the target webpage loads only the pre-loaded sub-resources in the pre-reading part of the target webpage, and does not load the lazy-loaded sub-resource, which can save the consumption in the process of pre-reading the webpage. Traffic, improving the user experience, can also reduce the memory resources and processor (such as CPU) resources used to load too many sub-resources during pre-reading web pages. In particular, the size picture sub-resource is used as a lazy loading sub-resource, and is not loaded when performing pre-reading processing on the target webpage, which does not affect the typesetting of the pre-reading part of the target webpage, and can effectively save the pre-reading webpage process. The traffic consumed in the process, as well as the memory resources and processor (such as CPU) resources consumed to load and process sub-resources during pre-read web pages.

In this embodiment, the step S2100 and the step S2200 can also be performed. The fork is reciprocated to complete the pre-reading process on the target webpage. Specifically, the step of determining the pre-loaded sub-resource and the lazy-loading sub-resource includes:

Determining, according to the webpage framework of the target webpage, a step of loading the preloaded sub-resource by loading the pre-loaded sub-resource to the sub-resource included in the pre-reading part of the target webpage to be a pre-loaded sub-resource The corresponding location of the webpage frame of the target webpage.

In this embodiment, a webpage pre-reading device 3000 is further provided, as shown in FIG. 3, including a sub-resource determining unit 3100 and a sub-resource pre-loading unit 3200, for implementing any webpage pre-preparation provided in this embodiment. The reading method will not be described here.

Web page read-ahead device 3000, including:

The sub-resource determining unit 3100 is configured to determine, according to the acquired webpage framework of the target webpage, a preloading sub-resource and a lazy-loader included in the pre-reading part of the target webpage, in response to the pre-reading request to the target webpage. Resource

The sub-resource pre-loading unit 3200 is configured to load the pre-loaded sub-resource to a corresponding position of the webpage frame of the target webpage to complete the pre-reading process on the target webpage.

Optionally, the sub-resource determining unit 3100 includes:

And determining, according to the webpage framework of the target webpage, that the sub-resource included in the pre-read part of the target webpage is a lazy-loaded sub-resource, marking the sub-resource as deferred a device for lately loading a sub-resource; and for determining, according to the webpage framework of the target webpage, that the sub-resource included in the pre-read portion of the target webpage is a pre-loaded sub-resource, triggering the sub-resource pre-loading unit 3200 A device that works to load the preloaded sub-resource to a corresponding location of a web page frame of the target web page.

In one example, the pre-read portion of the target web page is the first screen content of the target web page.

In another example, the lazy-loaded sub-resource includes at least a sized picture sub-resource in the pre-read portion of the target web page.

In this embodiment, the webpage pre-reading device may have multiple physical forms, such as a browser, a browser-like application, or a browser-independent browser-like application. Feature plugins and more.

In this embodiment, a programmable device is also provided, the memory is configured to store an instruction, and the instruction is used to control the processor to perform the webpage pre-reading method according to any one of the embodiments. The hardware configuration of the programmable device can be as shown in FIG. 2, and details are not described herein again.

In this embodiment, a method for accessing a webpage is further provided, comprising: responding to an access request to the target webpage, and when the target webpage is provided by any one of the methods in the embodiment to complete the pre-reading processing webpage, the loading station Deferred loading of the target webpage to a corresponding location in the webpage frame of the target webpage to display a pre-read portion of the target webpage.

The target webpage is a method provided by any one of the embodiments to complete the pre-reading The webpage of the rationale has already loaded the preloaded sub-resource of the pre-reading part of the target webpage, and then loads the delayed loading sub-resource of the pre-reading part of the target webpage when actually accessing the target webpage, thereby saving the traffic consumed during the pre-reading webpage. And reduce the memory processing resources used to load too many child resources during the pre-reading of the web page. In particular, the size picture sub-resource is used as a lazy loading sub-resource, and is not loaded when performing pre-reading processing on the target webpage, which does not affect the typesetting of the pre-reading part of the target webpage, and can effectively save the pre-reading webpage process. The traffic consumed in the process, as well as the memory resources and processor (CPU) resources consumed to load the sub-resources during the pre-reading of the web page.

The pre-read portion of the target webpage may be the first screen content of the target webpage. Therefore, the user can directly render the first screen content of the target webpage accessed by the user, and quickly respond to the user request of the user to access the target webpage, thereby improving the user experience. When the user needs to further browse the rest of the content of the target webpage, the user continues to load the sub-resources included in the remaining content for rendering display, which can reduce the traffic consumption of the visited webpage, and make the webpage access more efficient.

In this embodiment, a webpage accessing device is further configured to: respond to the access request to the target webpage, and when the target webpage is a webpage pre-reading method according to any one of the embodiments provided in this embodiment, When the processed webpage is read, the lazy loading sub-resource of the target webpage is loaded to a corresponding position in the webpage frame of the target webpage to display the pre-reading part of the target webpage.

In this embodiment, the webpage access device may not be limited to have multiple physical forms, such as a browser having a webpage access function, an application having a browser-like function, and the like.

In this embodiment, a programmable device is further provided, including a memory and a processor, where the memory is used to store an instruction, and the instruction is used to control the processor to perform the webpage access method provided in this embodiment. . The hardware configuration of the programmable device can be as shown in FIG. 2, and details are not described herein again.

The webpage pre-reading method and the webpage accessing method provided in the embodiment are further illustrated below by way of example. In this example, the pre-read portion of the target web page is set as the first screen content of the target web page, and the flowchart is as shown in FIG. 5, including:

In step S401, in response to the pre-read request of the target webpage, the page of the target webpage is obtained according to the URL address of the target webpage to perform page analysis to obtain the DOM tree of the target webpage.

In step S402, it is determined whether the DOM tree of the target webpage that is parsed meets the first screen content display of the target webpage. If the content display of the first screen is satisfied, the pre-reading processing of the target webpage is completed, and the process proceeds to step S407. Otherwise, the process proceeds to step S403. .

Step S403, judging whether the current sub-resource to be processed needs to be loaded according to the DOM tree of the target webpage, if yes, proceeding to step S404, otherwise, returning to step S402.

Step S404, determining whether the current sub-resource is a lazy-loaded sub-resource, for example, having a size picture sub-resource, if yes, proceeding to step S405; otherwise, the current sub-resource is a pre-loaded sub-resource, transferring to the pre-loaded sub-resource, and transferring Proceed to step S406.

In step S405, the current sub-resource is marked as "delayed-loaded sub-resource", and the process proceeds to step S402.

Step S406, loading the current sub-resource to the corresponding location in the DOM tree, and proceeding to step S402.

Step S407, it is determined whether the target webpage subjected to the pre-reading process is actually accessed by the user, and if accessed by the user, the process proceeds to step S408, otherwise, the process ends.

Step S408, determining whether the content of the first screen of the target webpage needs to load the delayed loading sub-resource, if necessary, proceeding to step S409, otherwise proceeding to step S410.

Step S409, loading the delayed loading sub-resource of the target webpage to a corresponding location in the DOM tree, and proceeding to step S410.

Step S410, rendering the DOM tree to display the first screen content of the target webpage, and proceeding to step S411.

In step S411, it is determined whether the user further wants to continue browsing the target webpage, and if so, proceeds to step S412, otherwise, ends.

Step S412, continuing to load the sub-resources included in the remaining content of the target webpage to corresponding positions in the DOM tree, rendering and displaying, and ending when the target webpage is closed.

The embodiment of the present invention has been described above with reference to the accompanying drawings and examples. According to the embodiment, a webpage pre-reading method, a webpage accessing method, a device, and a programmable device are provided, and the webpage framework of the obtained target webpage is determined to be included in the webpage. The preloaded sub-resources and the lazy-loaded sub-resources in the pre-reading part of the target webpage are only loaded when the target webpage is pre-read, and the lazy loading resource is loaded when the user actually accesses the target webpage, which can save The traffic consumed during the pre-reading of web pages, Reduce the traffic cost burden of users accessing web pages, improve user experience, and reduce the memory resources and processor resources consumed by loading too many sub-resources during pre-reading web pages.

Those skilled in the art should understand that the webpage pre-reading device and the webpage accessing device provided in this embodiment can be implemented in various manners. For example, the web page pre-reading device and the web page access device can be implemented by an instruction configuration processor. For example, the instructions can be stored in the ROM, and when the device is booted, the instructions are read from the ROM into the programmable device to implement the web page pre-reading device and the web page access device. For example, web page pre-reading devices and web page access devices can be hardened into a dedicated device (eg, an ASIC). The web page pre-reading device and the web page access device can be divided into mutually independent units, or they can be combined and implemented. The webpage pre-reading device and the webpage accessing device provided in this embodiment may be implemented by one of the above various implementation manners, or may be implemented by a combination of two or more of the above various implementation manners.

It is well known to those skilled in the art that with the development of electronic information technology such as large scale integrated circuit technology and the trend of software hardware, it has become difficult to clearly define the software and hardware boundaries of computer systems. Because any operation can be implemented in software, it can also be implemented by hardware. Execution of any instruction can be done by hardware, as well as by software. Whether a hardware implementation or a software implementation is used for a certain machine function depends on non-technical factors such as price, speed, reliability, storage capacity, and change cycle. Thus, one of ordinary skill in the art of electronic information technology, a more direct and clear way of describing a technical solution is to describe the various operations in the solution. In the case of knowing what to do, the field The skilled person can directly design the desired product based on consideration of the non-technical factors.

The invention can be a system, method and/or computer program product. The computer program product can comprise a computer readable storage medium having computer readable program instructions embodied thereon for causing a processor to implement various aspects of the present invention.

The computer readable storage medium can be a tangible device that can hold and store the instructions used by the instruction execution device. The computer readable storage medium can be, for example, but not limited to, an electrical storage device, a magnetic storage device, an optical storage device, an electromagnetic storage device, a semiconductor storage device, or any suitable combination of the foregoing. More specific examples (non-exhaustive list) of computer readable storage media include: portable computer disks, hard disks, random access memory (RAM), read only memory (ROM), erasable programmable read only memory (EPROM) Or flash memory), static random access memory (SRAM), portable compact disk read only memory (CD-ROM), digital versatile disk (DVD), memory stick, floppy disk, mechanical encoding device, for example, with instructions stored thereon A raised structure in the hole card or groove, and any suitable combination of the above. A computer readable storage medium as used herein is not to be interpreted as a transient signal itself, such as a radio wave or other freely propagating electromagnetic wave, an electromagnetic wave propagating through a waveguide or other transmission medium (eg, a light pulse through a fiber optic cable), or through a wire The electrical signal transmitted.

The computer readable program instructions described herein can be downloaded from a computer readable storage medium to various computing/processing devices or downloaded to an external computer or external storage device over a network, such as the Internet, a local area network, a wide area network, and/or a wireless network. The network can include copper transmission cables, fiber optic transmission, wireless transmission, routers, firewalls, Switch, gateway computer, and/or edge server. A network adapter card or network interface in each computing/processing device receives computer readable program instructions from the network and forwards the computer readable program instructions for storage in a computer readable storage medium in each computing/processing device .

Computer program instructions for performing the operations of the present invention may be assembly instructions, instruction set architecture (ISA) instructions, machine instructions, machine related instructions, microcode, firmware instructions, state setting data, or in one or more programming languages. Source code or object code written in any combination, including object oriented programming languages such as Smalltalk, C++, etc., as well as conventional procedural programming languages such as the "C" language or similar programming languages. The computer readable program instructions can execute entirely on the user's computer, partly on the user's computer, as a stand-alone software package, partly on the user's computer, partly on the remote computer, or entirely on the remote computer or server. carried out. In the case of a remote computer, the remote computer can be connected to the user's computer through any kind of network, including a local area network (LAN) or wide area network (WAN), or can be connected to an external computer (eg, using an Internet service provider to access the Internet) connection). In some embodiments, the customized electronic circuit, such as a programmable logic circuit, a field programmable gate array (FPGA), or a programmable logic array (PLA), can be customized by utilizing state information of computer readable program instructions. Computer readable program instructions are executed to implement various aspects of the present invention.

Aspects of the present invention are described herein with reference to flowchart illustrations and/or block diagrams of methods, apparatus, and computer program products according to embodiments of the invention. It should be understood that Each block of the flowcharts and/or block diagrams, as well as combinations of blocks in the flowcharts and/or block diagrams, can be implemented by computer readable program instructions.

The computer readable program instructions can be provided to a general purpose computer, a special purpose computer, or a processor of other programmable data processing apparatus to produce a machine such that when executed by a processor of a computer or other programmable data processing apparatus Means for implementing the functions/acts specified in one or more of the blocks of the flowcharts and/or block diagrams. The computer readable program instructions can also be stored in a computer readable storage medium that causes the computer, programmable data processing device, and/or other device to operate in a particular manner, such that the computer readable medium storing the instructions includes An article of manufacture that includes instructions for implementing various aspects of the functions/acts recited in one or more of the flowcharts.

The computer readable program instructions can also be loaded onto a computer, other programmable data processing device, or other device to perform a series of operational steps on a computer, other programmable data processing device or other device to produce a computer-implemented process. Thus, instructions executed on a computer, other programmable data processing apparatus, or other device implement the functions/acts recited in one or more of the flowcharts and/or block diagrams.

The flowchart and block diagrams in the Figures illustrate the architecture, functionality, and operation of possible implementations of systems, methods, and computer program products according to various embodiments of the invention. In this regard, each block in the flowchart or block diagram can represent a module, a program segment, or a portion of an instruction that includes one or more components for implementing the specified logical functions. Executable instructions. In some as a replacement In the implementations of the figures, the functions noted in the blocks may also occur in a different order than those illustrated in the drawings. For example, two consecutive blocks may be executed substantially in parallel, and they may sometimes be executed in the reverse order, depending upon the functionality involved. It is also noted that each block of the block diagrams and/or flowcharts, and combinations of blocks in the block diagrams and/or flowcharts, can be implemented in a dedicated hardware-based system that performs the specified function or function. Or it can be implemented by a combination of dedicated hardware and computer instructions. It is well known to those skilled in the art that implementation by hardware, implementation by software, and implementation by a combination of software and hardware are equivalent.

The embodiments of the present invention have been described above, and the foregoing description is illustrative, not limiting, and not limited to the disclosed embodiments. Numerous modifications and changes will be apparent to those skilled in the art without departing from the scope of the invention. The choice of terms used herein is intended to best explain the principles, practical applications, or technical improvements in the various embodiments of the embodiments, or to enable those of ordinary skill in the art to understand the embodiments disclosed herein. The scope of the invention is defined by the appended claims.

Claims

A webpage pre-reading method, comprising:

Responding to the pre-reading request for the target webpage, determining, according to the acquired webpage framework of the target webpage, the preloaded sub-resources and the lazy-loading sub-resources included in the pre-reading part of the target webpage;

Loading the preloaded sub-resource to a corresponding location of a webpage frame of the target webpage to complete a pre-reading process on the target webpage.
The method according to claim 1, wherein the determining the preloaded sub-resource and the lazy loading sub-resources comprises:

And determining, according to the webpage framework of the target webpage, that the sub-resource included in the pre-reading part of the target webpage is a lazy-loaded sub-resource, marking the sub-resource as a lazy-loaded sub-resource;

Determining, when determining that the sub-resource included in the pre-reading portion of the target webpage is a pre-loaded sub-resource, according to the webpage framework of the target webpage, loading the pre-loaded sub-resource to load the pre-loaded sub-resource The corresponding location to the webpage frame of the target webpage.
Method according to claim 1 or 2, characterized in that

The pre-reading portion of the target webpage is the first screen content of the target webpage.
Method according to claim 1 or 2, characterized in that

The lazy-loaded sub-resource includes at least a sized picture sub-resource in the pre-read portion of the target web page.
A webpage access method, comprising:

Responding to the access request to the target webpage, when the target webpage is a webpage that has completed the pre-reading process by the method according to any one of claims 1-4, loading the delayed loading sub-resource of the target webpage to the A corresponding location in the webpage frame of the target webpage to display the pre-read portion of the target webpage.
A webpage pre-reading device, comprising:

a sub-resource determining unit, configured to determine a pre-loading sub-resource and a lazy-loading sub-resource included in the pre-reading part of the target webpage according to the acquired webpage framework of the target webpage, in response to the pre-reading request to the target webpage ;

a sub-resource pre-loading unit, configured to load the pre-loaded sub-resource to a corresponding position of a webpage frame of the target webpage, to complete pre-reading processing on the target webpage.
The webpage pre-reading device according to claim 6, wherein the sub-resource determining unit comprises:

And determining, according to the webpage framework of the target webpage, a device that marks the sub-resource as a lazy-loaded sub-resource when the sub-resource included in the pre-reading part of the target webpage is a lazy-loaded sub-resource;

Determining, when the sub-resource included in the pre-read portion of the target webpage is a pre-loaded sub-resource, according to the webpage framework of the target webpage, triggering the sub-resource pre-loading unit to load the pre-loaded sub-resource to A device for a corresponding location of a webpage frame of the target webpage.
A webpage access device, configured to: in response to an access request to a target webpage, when the target webpage is a webpage that has completed the pre-reading process according to the method of any one of claims 1-4, loading Lazy loading of the landing page a sub-resource to a corresponding location in a webpage frame of the target webpage to display a pre-read portion of the target webpage.
A programmable device, comprising: a memory and a processor, the memory for storing instructions for controlling the processor to operate to perform the method of any of claims 1-4 Methods.
A programmable device, comprising a memory and a processor, the memory for storing instructions for controlling the processor to operate to perform the method of claim 5.