CN111428169A - Optimization method, system, server and storage medium for page loading - Google Patents
Optimization method, system, server and storage medium for page loading Download PDFInfo
- Publication number
- CN111428169A CN111428169A CN202010200196.4A CN202010200196A CN111428169A CN 111428169 A CN111428169 A CN 111428169A CN 202010200196 A CN202010200196 A CN 202010200196A CN 111428169 A CN111428169 A CN 111428169A
- Authority
- CN
- China
- Prior art keywords
- page
- webpage
- display area
- cache data
- current display
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 43
- 238000005457 optimization Methods 0.000 title abstract description 23
- 238000009877 rendering Methods 0.000 claims abstract description 82
- 238000010276 construction Methods 0.000 claims description 13
- 238000004458 analytical method Methods 0.000 claims description 12
- 238000012790 confirmation Methods 0.000 claims description 11
- 238000004590 computer program Methods 0.000 claims description 3
- 230000000694 effects Effects 0.000 abstract description 4
- 230000015654 memory Effects 0.000 description 12
- 230000009471 action Effects 0.000 description 4
- 238000010586 diagram Methods 0.000 description 4
- 230000006870 function Effects 0.000 description 4
- 230000008569 process Effects 0.000 description 4
- 238000004891 communication Methods 0.000 description 2
- 238000013500 data storage Methods 0.000 description 2
- 238000005516 engineering process Methods 0.000 description 2
- 230000009286 beneficial effect Effects 0.000 description 1
- 238000004422 calculation algorithm Methods 0.000 description 1
- 238000004364 calculation method Methods 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 238000010295 mobile communication Methods 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 238000012545 processing Methods 0.000 description 1
- 230000008707 rearrangement Effects 0.000 description 1
- 239000007787 solid Substances 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9574—Browsing optimisation, e.g. caching or content distillation of access to content, e.g. by caching
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/445—Program loading or initiating
- G06F9/44521—Dynamic linking or loading; Link editing at or after load time, e.g. Java class loading
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- Databases & Information Systems (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Data Mining & Analysis (AREA)
- Information Transfer Between Computers (AREA)
Abstract
The embodiment of the invention discloses a page loading optimization method, a page loading optimization system, a server and a storage medium, wherein the method comprises the following steps: receiving a page request address input by a user side; confirming a first webpage corresponding to the page request address; confirming that the user side loads the current display area of the first webpage according to the first webpage and the preset page parameter code of the user side; acquiring webpage cache data of a first webpage corresponding to a current display area according to the current display area; and sending the webpage cache data to the user side so that the user side loads and displays the current display area. According to the method and the device, the webpage cache data of the current display area are obtained and analyzed, the dynamic rendering parameters are determined, and the webpage is loaded and displayed at the user side according to the webpage cache data and the dynamic rendering parameters, so that the technical problem that the webpage loading efficiency is reduced due to different front-end frames is solved, the technical effects of loading according to the requirements of users, simplifying loading steps and improving the webpage loading experience of the users are achieved.
Description
Technical Field
The embodiment of the invention relates to a loading technology of a terminal, in particular to a page loading optimization method, a page loading optimization system, a server and a storage medium.
Background
With the rapid development of science and technology, people are increasingly unable to leave the network, for example, on a computer, a mobile phone or a tablet, through various APPs, or by checking characters, watching videos or enjoying music, or by accessing web pages through a browser.
At present, due to the diversity of front-end frames, the loading modes required by a user side during webpage loading are different. Therefore, the technical problems of low loading efficiency and poor user experience caused by different front-end frames exist when the user side loads the webpage easily.
Disclosure of Invention
The invention provides a page loading optimization method, a page loading optimization system, a server and a storage medium, which are used for realizing loading according to the requirements of users, reducing the pressure of the server and the user end, improving the loading efficiency and improving the webpage loading experience of the users.
In a first aspect, an embodiment of the present invention provides a method for optimizing page loading, including:
receiving a page request address input by a user side;
confirming a first webpage corresponding to the page request address;
confirming that the user side loads the current display area of the first webpage according to the first webpage and the preset page parameter code of the user side;
acquiring webpage cache data of the first webpage corresponding to the current display area according to the current display area;
and sending the webpage cache data to the user side so that the user side loads and displays the current display area.
Further, the determining, according to the first webpage and the preset page parameter code of the user side, that the user side loads the current display area of the first webpage includes:
acquiring a preset page parameter code in a preset database of the user side;
determining the page width and the page height of the current display area of the first page according to the preset page parameter code;
and confirming that the user side loads the current display area of the first webpage according to the first webpage, the page width and the page height.
Further, the sending the web page cache data to the user side so that the user side loads and displays the current display area includes:
analyzing the webpage cache data according to a preset analysis rule to generate a rendering engine construction frame;
inputting the webpage cache data into the rendering engine construction frame to determine rendering node coordinates;
generating dynamic rendering parameters according to the rendering node coordinates;
and sending the webpage cache data and the dynamic rendering parameters to the client so that the client loads and displays the current display area according to the dynamic rendering parameters.
Further, the parsing the webpage cache data according to a preset parsing rule to generate a rendering engine building frame includes:
judging whether the webpage cache data is analyzed;
if the webpage cache data are not analyzed, analyzing the webpage cache data according to the preset analysis rule to generate the dynamic rendering parameters;
and if the webpage cache data are analyzed, directly loading the webpage of the user side according to the dynamic rendering parameters in a preset database.
Further, the sending the webpage cache data and the dynamic rendering parameter to the client, so that the client loads and displays the current display area according to the dynamic rendering parameter includes:
and storing the dynamic rendering parameters to the preset database of the server.
In a second aspect, an embodiment of the present invention further provides a system for optimizing page loading, including:
the request receiving module is used for receiving a page request address input by a user side;
the page confirmation module is used for confirming a first webpage corresponding to the page request address;
the area confirmation module is used for confirming that the user side loads the current display area of the first webpage according to the first webpage and the preset page parameter code of the user side;
the data acquisition module is used for acquiring webpage cache data of the first webpage corresponding to the current display area according to the current display area;
and the page display module is used for sending the webpage cache data to the user side so as to load and display the current display area by the user side.
Further, the area confirmation module includes:
the area confirmation unit is used for acquiring a preset page parameter code in a preset database of the user side; determining the page width and the page height of the current display area of the first page according to the preset page parameter code; and confirming that the user side loads the current display area of the first webpage according to the first webpage, the page width and the page height.
Further, the page display module includes:
the page display unit is used for analyzing the webpage cache data according to a preset analysis rule so as to generate a rendering engine construction frame; inputting the webpage cache data into the rendering engine construction frame to determine rendering node coordinates; generating dynamic rendering parameters according to the rendering node coordinates; and sending the webpage cache data and the dynamic rendering parameters to the client so that the client loads and displays the current display area according to the dynamic rendering parameters.
In a third aspect, an embodiment of the present invention further provides a server, including:
one or more processors;
a storage device for storing one or more programs,
when executed by the one or more processors, cause the one or more processors to implement the method for optimizing page loading as in any one of the above embodiments.
In a fourth aspect, an embodiment of the present invention further provides a computer-readable storage medium, on which a computer program is stored, where the computer program, when executed by a processor, implements the optimization method for page loading as described in any of the above embodiments.
According to the method and the device, the webpage cache data are obtained by determining the current display area of the page, the webpage cache data are analyzed to determine the dynamic rendering parameters, and the webpage is loaded and displayed at the user terminal according to the webpage cache data and the dynamic rendering parameters, so that the technical problems that in the prior art, due to the fact that front-end frames are different, webpage loading efficiency is reduced and user experience is poor are solved, loading according to the needs of users is achieved, the pressure of a server and the user terminal is relieved, the loading efficiency is improved, and the technical effect of the webpage loading experience of the users is improved.
Drawings
Fig. 1 is a flowchart of a method for optimizing page loading according to an embodiment of the present invention;
fig. 2 is a flowchart of a method for optimizing page loading according to a second embodiment of the present invention;
fig. 3 is a flowchart of a method for optimizing page loading according to an alternative embodiment of the second embodiment of the present invention;
fig. 4 is a schematic structural diagram of a page loading optimization system according to a third embodiment of the present invention;
fig. 5 is a schematic structural diagram of a server according to a fourth embodiment of the present invention.
Detailed Description
The present invention will be described in further detail with reference to the accompanying drawings and examples. It is to be understood that the specific embodiments described herein are merely illustrative of the invention and are not limiting of the invention. It should be further noted that, for the convenience of description, only some of the structures related to the present invention are shown in the drawings, not all of the structures.
Before discussing exemplary embodiments in more detail, it should be noted that some exemplary embodiments are described as processes or methods depicted as flowcharts. Although a flowchart may describe the steps as a sequential process, many of the steps can be performed in parallel, concurrently or simultaneously. In addition, the order of the steps may be rearranged. A process may be terminated when its operations are completed, but may have additional steps not included in the figure. A process may correspond to a method, a function, a procedure, a subroutine, a subprogram, etc.
Furthermore, the terms "first," "second," and the like may be used herein to describe various orientations, actions, steps, elements, or the like, but the orientations, actions, steps, or elements are not limited by these terms. These terms are only used to distinguish one direction, action, step or element from another direction, action, step or element. For example, a first web page may be referred to as a second web page, and similarly, a second web page may be referred to as a first web page, without departing from the scope of the present application. Both the first web page and the second information acquisition module web page are web pages, but they are not the same web page. The terms "first", "second", etc. are not to be construed as indicating or implying relative importance or implicitly indicating the number of technical features indicated. Thus, a feature defined as "first" or "second" may explicitly or implicitly include one or more of that feature. In the description of the present invention, "a plurality" means at least two, e.g., two, three, etc., unless specifically limited otherwise.
Example one
Fig. 1 is a flowchart of a method for optimizing page loading according to an embodiment of the present invention, where the embodiment is applicable to a webpage loading situation of a computer or a mobile terminal, and the method may be executed by a server. As shown in fig. 1, a method for optimizing page loading specifically includes the following steps:
step S110, receiving a page request address input by the user terminal.
And step S120, confirming the first webpage corresponding to the page request address.
Specifically, in this embodiment, the user side refers to a terminal that needs to perform web page loading, such as a computer side and a mobile terminal (a mobile phone or a tablet). For example, when a worker needs to open a certain web page through a computer, the computer inputs a page request address (where the page request address may be a segment of address or a keyword or a word with HTTP protocol, such as hundred degrees), then the computer sends the page request address to a corresponding proxy server, and after receiving the page request address, the proxy server accesses a corresponding website according to a communication protocol (such as HTTP protocol) corresponding to the page request address, where a page displayed on the web page is a first web page, that is, a web page frame is displayed, and web page content is not displayed.
Step S130, confirming that the user side loads the current display area of the first webpage according to the first webpage and the preset page parameter code of the user side.
Specifically, the preset page parameter code refers to a code for dynamically obtaining page frame parameters, such as the width and the height of a page, and after the page width and the page height of the first page are obtained through the preset page parameter code, the size of the current display area of the first page can be determined.
Step S140, acquiring webpage cache data of the first webpage corresponding to the current display area according to the current display area.
Specifically, after determining the size of the current display area of the first webpage in step S130, the server may obtain webpage content data (i.e., webpage cache data, such as picture data, text data, audio data, and video data) in the current display area corresponding to the first webpage.
Step S150, sending the web page cache data to the user side, so that the user side loads and displays the current display area.
Specifically, after the server obtains the web page cache data of the current display area, the server sends the web page cache data of the current display area to the user side, that is, the user side loads and displays the web page of the current display area of the first web page according to the received web page cache data (that is, the web page content of the current display area) on the basis of the first web page (that is, a blank web page). When the webpage content is too long, the access amount of the server is large or the configuration of the user side is low, the server only acquires the webpage cache data of the current display area of the first webpage, so that the pressure of the server can be effectively relieved, the speed of loading and displaying the current display area by the user side is increased, and the use experience of the user side is improved.
The first embodiment of the invention has the advantages that the webpage cache data are obtained by determining the current display area of the webpage, the webpage cache data are analyzed to determine the dynamic rendering parameters, and the webpage is loaded and displayed at the user terminal according to the webpage cache data and the dynamic rendering parameters, so that the technical problems of low webpage loading efficiency and poor user experience caused by different front-end frames in the prior art are solved, and the technical effects of loading according to the requirements of users, relieving the pressure of servers and the user terminal, improving the loading efficiency and improving the webpage loading experience of the users are realized.
Example two
The second embodiment of the invention is further optimized on the basis of the first embodiment. Fig. 2 is a flowchart of a page loading optimization method according to a second embodiment of the present invention, and as shown in fig. 2, the page loading optimization method according to the present embodiment includes:
step S210, receiving a page request address input by a user, confirming a first webpage corresponding to the page request address, and acquiring a preset page parameter code in a preset database of the user.
Step S220, determining a page width and a page height of a current display area of the first page according to the preset page parameter code, and determining that the user side loads the current display area of the first page according to the first page, the page width and the page height.
Specifically, in this embodiment, the user side refers to a terminal that needs to perform web page loading, such as a computer side and a mobile terminal (a mobile phone or a tablet). For example, when a worker needs to open a certain web page through a computer, the computer inputs a page request address (where the page request address may be a segment of address or a keyword or a word with HTTP protocol, such as hundred degrees), then the computer sends the page request address to a corresponding proxy server, and after receiving the page request address, the proxy server accesses a corresponding website according to a communication protocol (such as HTTP protocol) corresponding to the page request address, where a page displayed on the web page is a first web page, that is, a web page frame is displayed, and web page content is not displayed. The preset page parameter code of this embodiment is a code (e.g., document. body. client width/client height) for dynamically obtaining a page frame parameter, and after the page width and the page height of the first page are obtained by the preset page parameter code, the size of the current display area of the first page may be determined.
Step S230, obtaining, according to the current display area, webpage cache data of the first webpage corresponding to the current display area, and analyzing the webpage cache data according to a preset analysis rule to generate a rendering engine construction frame.
Step S240, inputting the webpage cache data into the rendering engine to construct a frame so as to determine rendering node coordinates; and generating dynamic rendering parameters according to the rendering node coordinates.
Specifically, the layout engine of the web browser is also called a page rendering engine, and is responsible for obtaining the content of the web page, sorting information, and calculating the display mode of the web page, and then outputting the display mode to a display or a printer. After the size of the current display area of the first webpage is determined, the server acquires all webpage cache data (pictures, characters, sound sources, videos and the like) in the current display area, and then analyzes the webpage cache data, so that a rendering engine construction frame for calculating and constructing a rendering engine is generated. The server inputs the webpage cache data into a rendering engine construction frame, the rendering node coordinates of the webpage cache data are obtained through calculation of a preset algorithm (namely, the nodes are determined to be required to be rendered), and then the dynamic rendering parameters of the webpage cache data are generated according to the rendering node coordinates.
And step S250, storing the dynamic rendering parameters to the preset database of the server.
Specifically, after the server calculates the dynamic rendering parameters of the current display area, the server may further store the dynamic rendering parameters in a preset database, so that the dynamic rendering parameters can be directly called by the server through the previously loaded webpage.
Step S260, sending the webpage cache data and the dynamic rendering parameter to the client, so that the client loads and displays a current display area according to the dynamic rendering parameter.
Specifically, after the server obtains the web page cache data and the dynamic rendering parameter of the current display area, if the first web page is never loaded at this time, the server sends the web page cache data and the dynamic rendering parameter of the current display area to the user side, that is, the user side dynamically renders, loads and displays the web page of the current display area of the first web page according to the received web page cache data (that is, the web page content of the current display area) on the basis of the first web page (that is, a blank web page). When the webpage content is too long, the access amount of the server is large or the configuration of the user side is low, the server only acquires the webpage cache data of the current display area of the first webpage, so that the pressure of the server can be effectively relieved, the speed of loading and displaying the current display area by the user side is increased, and the use experience of the user side is improved.
Fig. 3 is a flowchart of a method for optimizing page loading according to an alternative embodiment of the present invention, as shown in fig. 3, in this embodiment, step S230 may further include the following steps before:
step S310, judging whether the webpage cache data is analyzed.
Step S320, if the webpage cache data is not analyzed, analyzing the webpage cache data according to the preset analysis rule to generate the dynamic rendering parameter.
Step S330, if the webpage cache data is analyzed, directly loading the webpage of the user side according to the dynamic rendering parameters in a preset database.
Specifically, after the server obtains the web page cache data of the current display area of the first web page, it may also be determined whether the current display area of the first web page is loaded (i.e., whether the web page cache data is analyzed). When the webpage cache data are analyzed, the server can directly call the dynamic rendering parameters corresponding to the webpage cache data from a preset database and display a page on the user end according to the dynamic rendering parameters; when the web page cache data is not analyzed, the server may analyze the web page cache data according to steps S240-S250, so as to obtain a corresponding dynamic rendering parameter.
The second embodiment of the invention has the advantages that the webpage cache data is obtained by determining the current display area of the page, whether the webpage cache data is analyzed or not is judged, different loading modes are adopted according to the judgment result, and finally the webpage is loaded and displayed at the user terminal according to the webpage cache data and the dynamic rendering parameters, so that the technical problems of reduced webpage loading efficiency and poor user experience caused by different front-end frames in the prior art are solved, and the technical effects of loading according to the needs of users, reducing the pressure of a server and the user terminal, improving the loading efficiency and improving the webpage loading experience of the users are realized.
EXAMPLE III
Fig. 4 is a schematic structural diagram of a page loading optimization system according to a third embodiment of the present invention. As shown in fig. 4, the page loading optimization system 300 of the present embodiment includes:
a request receiving module 310, configured to receive a page request address input by a user end;
the page confirmation module 320 is configured to confirm the first webpage corresponding to the page request address;
the area confirmation module 330 is configured to confirm, according to the first webpage and the preset page parameter code of the user side, that the user side loads the current display area of the first webpage;
a data obtaining module 340, configured to obtain, according to the current display area, webpage cache data of a current display area corresponding to the first webpage;
the page display module 350 is configured to send the web page cache data to the user side, so that the user side loads and displays the current display area.
In this embodiment, the area confirmation module 330 includes:
the area confirmation unit is used for acquiring a preset page parameter code in a preset database of the user side; determining the page width and the page height of the current display area of the first page according to the preset page parameter code; and confirming that the user side loads the current display area of the first webpage according to the first webpage, the page width and the page height.
In this embodiment, the page display module 350 includes:
the page display unit is used for analyzing the webpage cache data according to a preset analysis rule so as to generate a rendering engine construction frame; inputting the webpage cache data into the rendering engine construction frame to determine rendering node coordinates; generating dynamic rendering parameters according to the rendering node coordinates; and sending the webpage cache data and the dynamic rendering parameters to the client so that the client loads and displays the current display area according to the dynamic rendering parameters.
In this embodiment, the optimization system 300 for page loading further includes:
the analysis judging module 360 is used for judging whether the webpage cache data is analyzed; if the webpage cache data are not analyzed, analyzing the webpage cache data according to the preset analysis rule to generate the dynamic rendering parameters; and if the webpage cache data are analyzed, directly loading the webpage of the user side according to the dynamic rendering parameters in a preset database.
In this embodiment, the optimization system 300 for page loading further includes:
a data storage module 370, configured to store the dynamic rendering parameters in the preset database of the server.
The optimization system for page loading provided by the embodiment of the invention can execute the optimization method for page loading provided by any embodiment of the invention, and has corresponding functional modules and beneficial effects of the execution method.
Example four
Fig. 5 is a schematic structural diagram of a server according to a fourth embodiment of the present invention, as shown in fig. 5, the server includes a processor 410, a memory 420, an input device 430, and an output device 440; the number of the processors 410 in the server may be one or more, and one processor 410 is taken as an example in fig. 5; the processor 410, the memory 420, the input device 430 and the output device 440 in the server may be connected by a bus or other means, and the bus connection is exemplified in fig. 5.
The memory 410 is a computer-readable storage medium, and can be used for storing software programs, computer-executable programs, and modules, such as program instructions/modules corresponding to the optimization system for page loading in the embodiment of the present invention (for example, a request receiving module, a page confirming module, an area confirming module, a data obtaining module, a page displaying module, an analysis judging module, and a data storing module in the optimization system for page loading). The processor 410 executes various functional applications and data processing of the server by executing software programs, instructions and modules stored in the memory 420, that is, the above-mentioned optimization method of page loading is realized, that is:
receiving a page request address input by a user side;
confirming a first webpage corresponding to the page request address;
confirming that the user side loads the current display area of the first webpage according to the first webpage and the preset page parameter code of the user side;
acquiring webpage cache data of the first webpage corresponding to the current display area according to the current display area;
and sending the webpage cache data to the user side so that the user side loads and displays the current display area.
The memory 420 may mainly include a program storage area and a data storage area, wherein the program storage area may store an operating system, an application program required for at least one function; the storage data area may store data created according to the use of the terminal, and the like. Further, the memory 420 may include high speed random access memory, and may also include non-volatile memory, such as at least one magnetic disk storage device, flash memory device, or other non-volatile solid state storage device. In some examples, memory 420 may further include memory located remotely from processor 410, which may be connected to a server over a network. Examples of such networks include, but are not limited to, the internet, intranets, local area networks, mobile communication networks, and combinations thereof.
The input device 430 may be used to receive input numeric or character information and generate key signal inputs related to user settings and function control of the server. The output device 440 may include a display device such as a display screen.
EXAMPLE five
An embodiment of the present invention further provides a storage medium containing computer-executable instructions, where the computer-executable instructions are executed by a computer processor to perform a method for optimizing page loading, and the method includes:
receiving a page request address input by a user side;
confirming a first webpage corresponding to the page request address;
confirming that the user side loads the current display area of the first webpage according to the first webpage and the preset page parameter code of the user side;
acquiring webpage cache data of the first webpage corresponding to the current display area according to the current display area;
and sending the webpage cache data to the user side so that the user side loads and displays the current display area.
Of course, the storage medium provided by the embodiment of the present invention contains computer-executable instructions, and the computer-executable instructions are not limited to the method operations described above, and may also perform related operations in the optimization method for page loading provided by any embodiment of the present invention.
Based on the understanding that the technical solutions of the present invention can be embodied in the form of software products, such as floppy disks, Read-Only memories (ROMs), Random Access Memories (RAMs), flash memories (F L ASHs), hard disks or optical disks of a computer, etc., and include instructions for enabling a computer device (which may be a personal computer, a server, or a network device, etc.) to execute the methods according to the embodiments of the present invention.
It should be noted that, in the embodiment of the page loading optimization system, each unit and each module included in the embodiment are only divided according to functional logic, but are not limited to the above division as long as the corresponding function can be implemented; in addition, specific names of the functional units are only for convenience of distinguishing from each other, and are not used for limiting the protection scope of the present invention.
It is to be noted that the foregoing is only illustrative of the preferred embodiments of the present invention and the technical principles employed. It will be understood by those skilled in the art that the present invention is not limited to the particular embodiments illustrated herein, but is capable of various obvious changes, rearrangements and substitutions as will now become apparent to those skilled in the art without departing from the scope of the invention. Therefore, although the present invention has been described in greater detail by the above embodiments, the present invention is not limited to the above embodiments, and may include other equivalent embodiments without departing from the spirit of the present invention, and the scope of the present invention is determined by the scope of the appended claims.
Claims (10)
1. A method for optimizing page loading is characterized by comprising the following steps:
receiving a page request address input by a user side;
confirming a first webpage corresponding to the page request address;
confirming that the user side loads the current display area of the first webpage according to the first webpage and the preset page parameter code of the user side;
acquiring webpage cache data of the first webpage corresponding to the current display area according to the current display area;
and sending the webpage cache data to the user side so that the user side loads and displays the current display area.
2. The method as claimed in claim 1, wherein the step of confirming that the user end loads the current display area of the first web page according to the first web page and the preset page parameter code of the user end comprises:
acquiring a preset page parameter code in a preset database of the user side;
determining the page width and the page height of the current display area of the first page according to the preset page parameter code;
and confirming that the user side loads the current display area of the first webpage according to the first webpage, the page width and the page height.
3. The method as claimed in claim 1, wherein the sending the web page cache data to the user end to enable the user end to load and display a current display area comprises:
analyzing the webpage cache data according to a preset analysis rule to generate a rendering engine construction frame;
inputting the webpage cache data into the rendering engine construction frame to determine rendering node coordinates;
generating dynamic rendering parameters according to the rendering node coordinates;
and sending the webpage cache data and the dynamic rendering parameters to the client so that the client loads and displays the current display area according to the dynamic rendering parameters.
4. The method for optimizing page loading according to claim 3, wherein the parsing the webpage cache data according to the preset parsing rule to generate the rendering engine building framework comprises:
judging whether the webpage cache data is analyzed;
if the webpage cache data are not analyzed, analyzing the webpage cache data according to the preset analysis rule to generate the dynamic rendering parameters;
and if the webpage cache data are analyzed, directly loading the webpage of the user side according to the dynamic rendering parameters in a preset database.
5. The method according to claim 4, wherein the sending the web page cache data and the dynamic rendering parameters to the client, so that before the client loads and displays the current display area according to the dynamic rendering parameters, the method comprises:
and storing the dynamic rendering parameters to the preset database of the server.
6. A system for optimizing page loading, comprising:
the request receiving module is used for receiving a page request address input by a user side;
the page confirmation module is used for confirming a first webpage corresponding to the page request address;
the area confirmation module is used for confirming that the user side loads the current display area of the first webpage according to the first webpage and the preset page parameter code of the user side;
the data acquisition module is used for acquiring webpage cache data of the first webpage corresponding to the current display area according to the current display area;
and the page display module is used for sending the webpage cache data to the user side so as to load and display the current display area by the user side.
7. The system for optimizing page loading according to claim 6, wherein said region identification module comprises:
the area confirmation unit is used for acquiring a preset page parameter code in a preset database of the user side; determining the page width and the page height of the current display area of the first page according to the preset page parameter code; and confirming that the user side loads the current display area of the first webpage according to the first webpage, the page width and the page height.
8. The system for optimizing page loading according to claim 6, wherein the page display module comprises:
the page display unit is used for analyzing the webpage cache data according to a preset analysis rule so as to generate a rendering engine construction frame; inputting the webpage cache data into the rendering engine construction frame to determine rendering node coordinates; generating dynamic rendering parameters according to the rendering node coordinates; and sending the webpage cache data and the dynamic rendering parameters to the client so that the client loads and displays the current display area according to the dynamic rendering parameters.
9. A server, comprising:
one or more processors;
a storage device for storing one or more programs,
when executed by the one or more processors, cause the one or more processors to implement the method of optimizing page loading of any of claims 1-5.
10. A computer-readable storage medium, on which a computer program is stored which, when being executed by a processor, carries out a method for optimizing page loading according to any one of claims 1 to 5.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010200196.4A CN111428169A (en) | 2020-03-20 | 2020-03-20 | Optimization method, system, server and storage medium for page loading |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010200196.4A CN111428169A (en) | 2020-03-20 | 2020-03-20 | Optimization method, system, server and storage medium for page loading |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN111428169A true CN111428169A (en) | 2020-07-17 |
Family
ID=71548332
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202010200196.4A Pending CN111428169A (en) | 2020-03-20 | 2020-03-20 | Optimization method, system, server and storage medium for page loading |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN111428169A (en) |
Cited By (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112182453A (en) * | 2020-09-30 | 2021-01-05 | 北京字节跳动网络技术有限公司 | Data loading method and device, computer equipment and storage medium |
| CN112765505A (en) * | 2021-01-21 | 2021-05-07 | 青岛以萨数据技术有限公司 | Data loading method and device and storage medium |
| CN112799767A (en) * | 2021-02-04 | 2021-05-14 | 深圳市富途网络科技有限公司 | Information display method and system |
| CN113626739A (en) * | 2021-06-30 | 2021-11-09 | 苏州浪潮智能科技有限公司 | Website rendering path acceleration optimization method and system |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104021155A (en) * | 2014-05-21 | 2014-09-03 | 小米科技有限责任公司 | Webpage display method and device |
| CN104252379A (en) * | 2013-06-25 | 2014-12-31 | 腾讯科技（深圳）有限公司 | Picture thumbnail display method and device |
| CN104346403A (en) * | 2013-08-07 | 2015-02-11 | 腾讯科技（深圳）有限公司 | Browser page display method and device as well as browser and terminal |
| CN106294305A (en) * | 2016-07-21 | 2017-01-04 | 上海网达软件股份有限公司 | Android smart machine carries out, to html web page content, the method that segmentation shows |
| CN107463567A (en) * | 2016-06-02 | 2017-12-12 | 广州市动景计算机科技有限公司 | Data buffer storage loading method and device and portable terminal |
-
2020
- 2020-03-20 CN CN202010200196.4A patent/CN111428169A/en active Pending
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104252379A (en) * | 2013-06-25 | 2014-12-31 | 腾讯科技（深圳）有限公司 | Picture thumbnail display method and device |
| CN104346403A (en) * | 2013-08-07 | 2015-02-11 | 腾讯科技（深圳）有限公司 | Browser page display method and device as well as browser and terminal |
| CN104021155A (en) * | 2014-05-21 | 2014-09-03 | 小米科技有限责任公司 | Webpage display method and device |
| CN107463567A (en) * | 2016-06-02 | 2017-12-12 | 广州市动景计算机科技有限公司 | Data buffer storage loading method and device and portable terminal |
| CN106294305A (en) * | 2016-07-21 | 2017-01-04 | 上海网达软件股份有限公司 | Android smart machine carries out, to html web page content, the method that segmentation shows |
Cited By (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112182453A (en) * | 2020-09-30 | 2021-01-05 | 北京字节跳动网络技术有限公司 | Data loading method and device, computer equipment and storage medium |
| CN112765505A (en) * | 2021-01-21 | 2021-05-07 | 青岛以萨数据技术有限公司 | Data loading method and device and storage medium |
| CN112799767A (en) * | 2021-02-04 | 2021-05-14 | 深圳市富途网络科技有限公司 | Information display method and system |
| CN113626739A (en) * | 2021-06-30 | 2021-11-09 | 苏州浪潮智能科技有限公司 | Website rendering path acceleration optimization method and system |
| CN113626739B (en) * | 2021-06-30 | 2023-07-18 | 苏州浪潮智能科技有限公司 | Method and system for accelerating optimization of website rendering path |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN111428169A (en) | Optimization method, system, server and storage medium for page loading | |
| CN106991154B (en) | Webpage rendering method and device, terminal and server | |
| US20190251143A1 (en) | Web page rendering method and related device | |
| CN105786455B (en) | Data processing method and device and terminal | |
| CN107276842B (en) | Interface test method and device and electronic equipment | |
| EP4198773A1 (en) | Image processing method and apparatus, and computer readable storage medium | |
| CN111859224A (en) | Server rendering method and device based on node server and computer equipment | |
| WO2020119544A1 (en) | Network transmission simulation method and apparatus, computer device and storage medium | |
| CN110032493A (en) | Monitoring method, device, terminal and the readable storage medium storing program for executing of the page | |
| CN112612546A (en) | Page loading method and device, electronic equipment and storage medium | |
| CN115309470B (en) | Method, device, equipment and storage medium for loading widget | |
| CN112182442A (en) | Page processing method and device, electronic equipment and computer readable storage medium | |
| CN105677678B (en) | Method and system for determining first screen position of webpage and displaying webpage information | |
| CN111737614B (en) | Page display method, page display device, electronic equipment and storage medium | |
| CN114168853A (en) | Data visualization display method, device, medium and electronic equipment | |
| CN113157480A (en) | Error information processing method, device, storage medium and terminal | |
| CN113703893A (en) | Page rendering method, device, terminal and storage medium | |
| CN110457900B (en) | Website monitoring method, device and equipment and readable storage medium | |
| US20140331117A1 (en) | Application-based dependency graph | |
| CN113569173A (en) | Page loading method and device, storage medium and electronic equipment | |
| CN110708270B (en) | Abnormal link detection method and device | |
| CN111338928A (en) | Chrome-based browser testing method and device | |
| CN116185825A (en) | Front-end self-test method, front-end device, and computer-readable storage medium | |
| CN111614676B (en) | Login method, device, equipment and medium | |
| CN114741144A (en) | Web-side complex table display method, device and system |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20200717 |
|
| RJ01 | Rejection of invention patent application after publication |