CN110990736A - Page loading method and device, terminal equipment and storage medium - Google Patents
Page loading method and device, terminal equipment and storage medium Download PDFInfo
- Publication number
- CN110990736A CN110990736A CN201911235186.8A CN201911235186A CN110990736A CN 110990736 A CN110990736 A CN 110990736A CN 201911235186 A CN201911235186 A CN 201911235186A CN 110990736 A CN110990736 A CN 110990736A
- Authority
- CN
- China
- Prior art keywords
- page
- distribution network
- content distribution
- static
- target
- 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
- 238000011068 loading method Methods 0.000 title claims abstract description 78
- 230000003068 static effect Effects 0.000 claims abstract description 123
- 238000012545 processing Methods 0.000 claims abstract description 30
- 238000000034 method Methods 0.000 claims description 24
- 238000004891 communication Methods 0.000 claims description 15
- 238000009877 rendering Methods 0.000 claims description 5
- 230000003993 interaction Effects 0.000 abstract description 5
- 230000004044 response Effects 0.000 abstract description 5
- 238000010586 diagram Methods 0.000 description 7
- 230000008569 process Effects 0.000 description 7
- 230000005540 biological transmission Effects 0.000 description 4
- 230000000694 effects Effects 0.000 description 4
- 230000007246 mechanism Effects 0.000 description 3
- 230000009286 beneficial effect Effects 0.000 description 2
- 238000013459 approach Methods 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 238000013500 data storage Methods 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 230000002452 interceptive effect Effects 0.000 description 1
- 238000011160 research Methods 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 238000012795 verification 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
Abstract
The embodiment of the application provides a page loading method, a page loading device, a terminal device and a storage medium, when a page access request for a target page is received, if the page access request is determined to be a first access request for the target page, static page data of the target page is acquired from a content distribution network, and the target page is loaded and displayed according to the acquired static page data. Static page data in the content distribution network is pre-stored in the content distribution network by a background server. Therefore, the static page data required by the loaded page does not need to be acquired from the background server every time, but can be acquired from the content distribution network, the processing amount of the background server is reduced, and due to the rapid response characteristic of the content distribution network and the convenience of interaction between the terminal equipment and the content distribution network, the speed of acquiring the static page data by the terminal equipment is improved, and the overall page loading speed is further improved.
Description
Technical Field
The present application relates to the field of distributed technologies, and in particular, to a page loading method, an apparatus, a terminal device, and a storage medium.
Background
In the user terminal, information such as related products, activity propaganda and the like can be displayed for the user in a browser page display mode, wherein the information comprises pictures, characters and interaction buttons for guiding the user to forward, comment and the like. Page show content typically contains page static data that does not change over time and page dynamic data that changes frequently. The page static data comprises information such as a page background, interactive buttons on the page and the like, and the page dynamic data comprises information such as the number of visiting users, comment information and the like which are shown in real time after background statistical processing. When a user terminal displays a page, the user terminal needs to acquire required page static data and page dynamic data from a background server to realize loading and displaying of the page. However, under the condition of high concurrency, the background server affects the processing speed of the request of the user terminal due to the increase of the processing amount, so that the page loading on the user terminal is slow, and the page display effect is affected.
Disclosure of Invention
The application aims to provide a page loading method, a page loading device, a terminal device and a storage medium, which can improve the overall page loading speed.
The embodiment of the application can be realized as follows:
in a first aspect, an embodiment of the present application provides a page loading method, which is applied to a terminal device in a page processing system, where the page processing system further includes a background server and a content distribution network that are in communication with each other, and the background server and the content distribution network are in communication connection with the terminal device, respectively, and the method includes:
receiving a page access request, wherein the page access request is used for requesting access to a target page;
if the page access request is a first access request aiming at the target page, acquiring static page data of the target page from the content distribution network according to the identification information of the target page, wherein the static page data in the content distribution network is pre-stored in the content distribution network by the background server;
and loading and displaying the target page according to the static page data obtained from the content distribution network.
In an alternative embodiment, the method further comprises:
saving static page data obtained from the content distribution network to a local storage.
In an alternative embodiment, the method further comprises:
and if the page access request is not the first access request aiming at the target page, obtaining the static page data of the target page stored in the local storage, and loading and displaying the target page according to the static page data obtained from the local storage.
In an alternative embodiment, the method further comprises:
acquiring dynamic page data of the target page from the background server according to the identification information of the target page;
the step of loading and displaying the target page according to the static page data obtained from the content distribution network includes:
and loading and displaying the target page according to the dynamic page data obtained from the background server and the static page data obtained from the content distribution network.
In an optional embodiment, the step of loading and displaying the target page according to the static page data obtained from the content distribution network includes:
converting the format of static page data obtained from the content distribution network into a set data format according to a preset rule;
and acquiring a script tag and a page component of the target page, loading the converted static page data based on the script tag and the page component, and rendering and displaying the static page data on the target page.
In an optional implementation manner, the step of obtaining the static page data of the target page from the content distribution network according to the identification information of the target page includes:
sending a jsonp request carrying identification information of the target page to the content distribution network;
and receiving static page data which is searched and obtained by the content distribution network based on the jsonp request and corresponds to the identification information.
In an optional embodiment, the method further includes a step of determining whether the page access request is a first access request for the target page, where the step includes:
after receiving the page access request, sending an update query request to the content distribution network, where the update query request is used to query the content distribution network whether the static page data of the target page is updated;
if first feedback information which is returned by the content distribution network and indicates that the static page data of the target page is updated is received, determining that the page access request is a first access request aiming at the target page;
and if second feedback information which is returned by the content distribution network and indicates that the static page data of the target page is not updated is received, determining that the page access request is not a first access request aiming at the target page.
In a second aspect, an embodiment of the present application provides a page loading apparatus, which is applied to a terminal device in a page processing system, where the page processing system further includes a background server and a content distribution network that are in communication with each other, and the background server and the content distribution network are in communication connection with the terminal device, respectively, and the apparatus includes:
the system comprises a receiving module, a processing module and a processing module, wherein the receiving module is used for receiving a page access request which is used for requesting to access a target page;
an obtaining module, configured to obtain, when the page access request is a first access request for the target page, static page data of the target page from the content distribution network according to identification information of the target page, where the static page data in the content distribution network is pre-stored in the content distribution network by the background server;
and the loading module is used for loading and displaying the target page according to the static page data obtained from the content distribution network.
In a third aspect, an embodiment of the present application provides a terminal device, where the terminal device includes a memory, a processor, and machine executable instructions stored on the memory and executable on the processor, and the machine executable instructions, when executed by the processor, implement the steps of the page loading method described in any one of the above.
In a fourth aspect, an embodiment of the present application provides a storage medium, where the storage medium has stored thereon machine-executable instructions, and the machine-executable instructions, when executed by a processor, implement the steps of the page loading method described in any one of the above.
The beneficial effects of the embodiment of the application include, for example:
according to the page loading method, the page loading device, the terminal device and the storage medium provided by the embodiment of the application, when a page access request for a target page is received, if the page access request is determined to be a first access request for the target page, static page data of the target page is acquired from a content distribution network, and the target page is loaded and displayed according to the acquired static page data. Static page data in the content distribution network is pre-stored in the content distribution network by a background server. Therefore, the static page data required by the loaded page does not need to be acquired from the background server every time, but can be acquired from the content distribution network, the processing amount of the background server is reduced, and due to the rapid response characteristic of the content distribution network and the convenience of interaction between the terminal equipment and the content distribution network, the speed of acquiring the static page data by the terminal equipment is improved, and the overall page loading speed is further improved.
Drawings
In order to more clearly illustrate the technical solutions of the embodiments of the present application, the drawings that are required to be used in the embodiments will be briefly described below, it should be understood that the following drawings only illustrate some embodiments of the present application and therefore should not be considered as limiting the scope, and for those skilled in the art, other related drawings can be obtained from the drawings without inventive effort.
Fig. 1 is a schematic system architecture diagram of a page processing system according to an embodiment of the present application;
fig. 2 is a block diagram of a terminal device according to an embodiment of the present disclosure;
fig. 3 is a schematic flowchart of a page loading method according to an embodiment of the present application;
fig. 4 is another schematic flow chart of a page loading method according to an embodiment of the present application;
FIG. 5 is a flowchart illustrating the sub-steps of step S330 in FIG. 3;
fig. 6 is a functional module block diagram of a page loading apparatus according to an embodiment of the present application.
Icon: 110-a processor; 120-a memory; 130-a communication module; 141-a receiving module; 142-an acquisition module; 143-load module.
Detailed Description
In order to make the objects, technical solutions and advantages of the embodiments of the present application clearer, the technical solutions in the embodiments of the present application will be clearly and completely described below with reference to the drawings in the embodiments of the present application, and it is obvious that the described embodiments are some embodiments of the present application, but not all embodiments. The components of the embodiments of the present application, generally described and illustrated in the figures herein, can be arranged and designed in a wide variety of different configurations.
Thus, the following detailed description of the embodiments of the present application, presented in the accompanying drawings, is not intended to limit the scope of the claimed application, but is merely representative of selected embodiments of the application. All other embodiments, which can be derived by a person skilled in the art from the embodiments given herein without making any creative effort, shall fall within the protection scope of the present application.
It should be noted that: like reference numbers and letters refer to like items in the following figures, and thus, once an item is defined in one figure, it need not be further defined and explained in subsequent figures.
Furthermore, the appearances of the terms "first," "second," and the like, if any, are used solely to distinguish one from another and are not to be construed as indicating or implying relative importance.
It should be noted that the features of the embodiments of the present application may be combined with each other without conflict.
Please refer to fig. 1, which is a schematic diagram of a system architecture of a page processing system according to an embodiment of the present application. The page processing system comprises a background server, a content distribution network and a plurality of terminal devices, wherein the background server is respectively in communication connection with the content distribution network and each terminal device, and each terminal device is also in communication connection with the content distribution network.
The terminal device can be a personal computer, a notebook computer, a smart phone and other devices, browser application software is installed on the terminal device, and the background server can be a background server corresponding to the browser application software and can be used for processing related requests and data of the browser application software. The background server may be a single server, or may be a server cluster composed of multiple servers, and is not limited in this embodiment. The content distribution network may be a distributed server cluster formed by a plurality of node servers, and may be used for storing data related to browser application software and the like.
Referring to fig. 2, a schematic structural block diagram of the terminal device provided in the embodiment of the present application is shown, where the terminal device includes a memory 120, a processor 110, and a communication module 130. The memory 120, the processor 110 and the communication module 130 are electrically connected to each other directly or indirectly to realize data transmission or interaction. For example, the components may be electrically connected to each other via one or more communication buses or signal lines.
The memory 120 is used for storing programs or data. The Memory 120 may be, but is not limited to, a Random Access Memory (RAM), a Read Only Memory (ROM), a Programmable Read-Only Memory (PROM), an erasable Read-Only Memory (EPROM), an electrically erasable Read-Only Memory (EEPROM), and the like.
The processor 110 is used for reading/writing data or programs stored in the memory 120 and executing the page loading method provided by any embodiment of the present application.
The communication module 130 is used for establishing a communication connection between the terminal device and another communication terminal through a network, and for transceiving data through the network.
It should be understood that the configuration shown in fig. 2 is merely a schematic configuration diagram of a terminal device, which may also include more or fewer components than shown in fig. 2, or have a different configuration than shown in fig. 2. For example, the terminal device may further include a display screen and the like for displaying the page rendered by loading. The components shown in fig. 2 may be implemented in hardware, software, or a combination thereof.
Referring to fig. 3, fig. 3 is a schematic flowchart illustrating a page loading method according to an embodiment of the present application, where the page loading method can be executed by the terminal device shown in fig. 2. It should be understood that, in other embodiments, the order of some steps in the page loading method of this embodiment may be interchanged according to actual needs, or some steps may be omitted or deleted. The detailed steps of the page loading method are described below.
Step S310, receiving a page access request, wherein the page access request is used for requesting access to a target page.
Step S320, when the page access request is a first access request for the target page, obtaining static page data of the target page from the content distribution network according to the identification information of the target page, where the static page data in the content distribution network is pre-stored in the content distribution network by the background server.
Step S330, loading and displaying the target page according to the static page data obtained from the content distribution network.
The information displayed on the page generally includes static data information that is not changed for a long time, such as a page background, and frequently updated dynamic data information, such as user comments. If a user needs to acquire the static data information and the dynamic data information of the page from the background server through the database every time the page is opened, rendering and displaying of the page are achieved, great processing pressure is brought to the background server under the condition of high concurrency, and the loading and displaying speed of the page is further influenced.
At present, in order to increase the page opening speed, the following common methods are used to reduce the processing pressure of the background server. One is to improve the performance of the background server and increase the bandwidth. The method belongs to the simplest and most direct method, and is the most direct and most obvious scheme with the effect within a certain range of concurrency, and with the enhancement of the performance of the server and the increase of the network bandwidth, a single server can process more and heavier traffic. However, the scheme has a certain limitation, and the amount of traffic that a single server and a network configuration can handle in the existing system architecture has a limit value.
The other is to increase the number of servers, and by increasing a plurality of servers and configuring related load balance, the page opening speed can be increased, and the problem of the limit value of the first point is solved. However, this approach increases hardware cost and developer workload, and still has network transmission efficiency problems.
The other method is to adopt a front-end browser caching mode, the scheme needs the front end and the back end to set a series of configuration items, such as Last-Modified/ETag and Cache-Control/Expires, and the mode solves the problem that a single user does not access the page opening speed of the website for the first time, because data cannot be obtained from the server again if the data is not updated, so that the operation pressure of the server is reduced. But the scheme does not fundamentally solve the problem of the loading speed of the page opened by the user for the first time.
Through the research, in the embodiment, a scheme for storing static page data related to a page by using a content distribution network is provided, so that when a page is accessed on a terminal device for the first time, the static page data can be acquired from the content distribution network, and the processing pressure at one end of a background server is reduced.
The basic idea of the content distribution network is to avoid bottlenecks and links on the internet which may affect the data transmission speed and stability as much as possible, so that the content transmission is faster and more stable. By placing node servers at various places of the network to form a layer of intelligent virtual network on the basis of the existing internet, the content distribution network system can redirect the request of a user to a service node closest to the user in real time according to the network flow, the connection of each node, the load condition, the distance to the user, the response time and other comprehensive information. The method aims to enable the user to obtain the required content nearby, solve the problem of congestion of the Internet network and improve the response speed of the user for accessing the website.
In this embodiment, processes such as how to specifically allocate a node server to implement data storage and how to determine how to process a request sent by a terminal device by the node server are not protected in the content distribution network, and a specific processing mechanism in the content distribution network may refer to a processing mechanism common in the prior art, which is not limited in this embodiment.
In this embodiment, when a user accesses a web page, a uniform resource locator of a page to be accessed, that is, a target page, may be input through a terminal device to initiate a page access request, so as to obtain a resource that the user wants to obtain. The terminal device detects whether the page access request is a first access request aiming at the target page. It should be noted that, determining whether the page access request is a first access request for the target page does not mean that the target page is accessed for the first time, but means that the static page data of the target page is accessed for the first time after each update.
Referring to fig. 4, in the present embodiment, it can be determined whether the page access request is a first access request for the target page by the following manners:
step S410, after receiving the page access request, sending an update query request to the content distribution network, where the update query request is used to query the content distribution network whether the static page data of the target page is updated.
Step S420, when first feedback information indicating that the static page data of the target page is updated, which is returned by the content distribution network, is received, it is determined that the page access request is a first access request for the target page.
Step S430, when second feedback information indicating that the static page data of the target page is not updated is received, which is returned by the content distribution network, it is determined that the page access request is not a first access request for the target page.
In this embodiment, the manager manages and maintains the static page data of the page according to the page configuration requirement, or manages the static page data of the page according to the update request, the update operation, and the like of the user. When it is determined that the static page data of the page needs to be updated, for example, the page background of the page needs to be replaced, the key on the page needs to be replaced, and the like, the updated static page data can be stored in the content distribution network. The content delivery network will replace the corresponding pre-update static page data with the received post-update static page data.
The method comprises the steps that after receiving a page access request aiming at a target page, a terminal device can initiate an update query request to a content distribution network, the content distribution network can detect whether the update query request is a first update query request after corresponding static page data are updated or not after receiving the update query request, and if the update query request is the first update query request, first feedback information indicating that the static page data of the target page are updated is returned to the terminal device. Otherwise, returning second feedback information indicating that the static page data of the target page is not updated to the terminal device, namely, the static page data of the target page is not updated relative to the last access request of the received page access request.
When the terminal equipment determines that the page access request is a first access request aiming at the target page, the terminal equipment can obtain the static page data of the target page from the content distribution network. In this embodiment, the static page data stored in the content distribution network is pre-stored in the content distribution network for the background server, that is, the content distribution network only temporarily stores the static page data, and when receiving the request, processes the request to return the corresponding static page data.
In this embodiment, the background server stores the static page data of the page in the content distribution network in advance according to an agreed data format, where the agreed data format may be javascript, json, or the like, for example, the static page data may be packaged into a javascript file form and stored in the content distribution network.
In the page loading application stage, when the terminal device obtains the page static data of the target page from the content distribution network, the terminal device may send a jsonp request carrying the identification information of the target page to the content distribution network. The identification information of the target page may be a uniform resource locator of the target page. After receiving the jsonp request of the terminal device, the content distribution network searches for static page data corresponding to the identification information of the target page based on a processing mechanism inside the network, and returns the static page data to the terminal device. The Json material from other sources can be made available to the web page by jsonp request.
Json (JavaScript object notation) is a standard format for representing structured data as a JavaScript object, typically used to represent and transmit data on a website (e.g., send some data from a server to a client so it can be displayed on a web page). Json is a data format in JavaScript object syntax, which, while based on JavaScript syntax, is independent of JavaScript, which is why many program environments are able to read (interpret) and generate Json.
In this embodiment, the terminal device and the content distribution network interact with each other by using a jsonnp request instead of an XmlHttpRequest request, thereby avoiding a large number of processes such as request verification, reducing network bandwidth consumption, and reducing network delay.
After the terminal device obtains the static page data of the target page returned by the content distribution network, the terminal device can load and display the target page based on the static page data. Optionally, after receiving the static page data, the terminal device may perform loading display of the target page in the following manner, please refer to fig. 5.
Step S331, converting the format of the static page data obtained from the content distribution network into a set data format according to a preset rule.
Step S332, acquiring the script tag and the page component of the target page, loading the converted static page data based on the script tag and the page component, and rendering and displaying the static page data on the target page.
The script tag is an important tag in html, and can be used for embedding a script language such as JavaScript or introducing external script text such as a JavaScript file. And the page components comprise a plurality of common interface components, such as tables, trees, linkage drop-down boxes and the like. And loading the converted static page data based on the script tag and the page component, and rendering and displaying the target page.
After obtaining the static page data of the target page for the first access request of the target page, the terminal device may store the static page data in the local storage. Under the condition that the static page data of the target page is not updated and changed, the static page data of the target page can be obtained from the local storage when the target page is accessed subsequently, so that the occupation of bandwidth resources caused by the fact that the static page data needs to be obtained from a content distribution network or a background server every time is avoided.
Based on the above considerations, therefore, referring again to fig. 3, when the page access is not the first access request for the target page, the following steps S340 and S350 may be performed.
Step S340, if the page access request is not the first access request aiming at the target page, obtaining the static page data of the target page stored locally;
step S350, loading and displaying the target page according to the static page data obtained from the local storage.
As can be seen from the above, the terminal device, after obtaining the static page data of the target page from the content distribution network, loads and displays the target page based on the static page data, and at the same time, stores the static page data in the local storage. Therefore, if an access request for the target page is received subsequently, the static page data of the target page can be directly obtained from the local storage.
The above mainly introduces the process of obtaining the static page data of the target page, and the dynamic page data of the target page is needed in addition to the static page data of the target page to realize the complete display of the target page. And the dynamic page data of the page is analyzed and processed by the background server and then is transmitted to the terminal equipment.
In this embodiment, the terminal device may further obtain the dynamic page data of the target page from the background server according to the identification information of the target page. The terminal device can send a request carrying the uniform resource locator of the target page to the background server, and the background server sends the related dynamic page data of the target page to the terminal device after receiving the request.
In this way, the terminal device obtains the dynamic page data of the target page from the background server and obtains the static page data of the target page from the content distribution network. Accordingly, the display target page may be loaded based on the dynamic page data obtained from the background server and the static page data obtained from the content distribution network.
Through the above manner, when the terminal device loads and displays the target page, the terminal device does not need to acquire the static page data and the dynamic static data of the target page from the background server every time, but can share the work of the static page data of the target page to the content distribution network. A request for static page data of a target page by a terminal device is processed through a content distribution network. On one hand, the content distribution network is utilized to process the request of the static page data of the terminal equipment, and the speed of obtaining the static page data by the terminal equipment is improved. On the other hand, because the content distribution network relieves the processing pressure of the background server, the background server can accelerate the request of the terminal device for the dynamic page data of the target page, so that the overall speed of the terminal device for obtaining the static page data and the dynamic page data is greatly accelerated, and the page loading and displaying speed is improved.
In addition, in this embodiment, when processing a first access request for a target page, static page data acquired from the content distribution network is stored in the local storage, so that, when a subsequent non-first access request for the target page is made, the static page data of the target page can be directly acquired from the local storage, thereby further increasing the speed of acquiring the static page data by the terminal device.
Referring to fig. 6, in order to execute corresponding steps in the foregoing embodiment and various possible manners, an implementation manner of a page loading apparatus is provided below, and optionally, the page loading apparatus may adopt a device structure of the terminal device shown in fig. 2. Further, fig. 6 is a functional block diagram of a page loading apparatus according to an embodiment of the present application. It should be noted that the basic principle and the generated technical effect of the page loading apparatus provided in the present embodiment are the same as those of the above embodiments, and for the sake of brief description, no part of the present embodiment is mentioned, and reference may be made to the corresponding contents in the above embodiments. The page loading device comprises:
the receiving module 141 is configured to receive a page access request, where the page access request is used to request access to a target page. It is understood that the receiving module 141 may be configured to perform the step S310, and for the detailed implementation of the receiving module 141, reference may be made to the content related to the step S310.
An obtaining module 142, configured to obtain, when the page access request is a first access request for the target page, static page data of the target page from the content distribution network according to the identification information of the target page, where the static page data in the content distribution network is pre-stored in the content distribution network by the background server. It is understood that the obtaining module 142 may be configured to perform the step S320, and for a detailed implementation of the obtaining module 142, reference may be made to the content related to the step S320.
And the loading module 143 is configured to load and display the target page according to the static page data obtained from the content distribution network. It is understood that the loading module 143 may be configured to perform the step S330, and for the detailed implementation of the loading module 143, reference may be made to the content related to the step S330.
The page loading device provided by the embodiment of the application can execute the page loading method provided by any embodiment of the application, and has corresponding functional modules and beneficial effects of the execution method.
Alternatively, the modules may be stored in the memory 120 shown in fig. 2 in the form of software or Firmware (Firmware) or be fixed in an Operating System (OS) of the terminal device, and may be executed by the processor 110 in fig. 2. Meanwhile, data, codes of programs, and the like required to execute the above-described modules may be stored in the memory 120.
Embodiments of the present application also provide a storage medium containing machine executable instructions, which when executed by a computer processor, are configured to perform operations associated with the page loading method provided in any of the embodiments of the present application.
To sum up, the embodiments of the present application provide a page loading method, a page loading device, a terminal device, and a storage medium, where when a page access request for a target page is received, if it is determined that the page access request is a first access request for the target page, static page data of the target page is obtained from a content distribution network, and the target page is loaded and displayed according to the obtained static page data. Static page data in the content distribution network is pre-stored in the content distribution network by a background server. Therefore, the static page data required by the loaded page does not need to be acquired from the background server every time, but can be acquired from the content distribution network, the processing amount of the background server is reduced, and due to the rapid response characteristic of the content distribution network and the convenience of interaction between the terminal equipment and the content distribution network, the speed of acquiring the static page data by the terminal equipment is improved, and the overall page loading speed is further improved.
The above description is only for the specific embodiments of the present application, but the scope of the present application is not limited thereto, and any changes or substitutions that can be easily conceived by those skilled in the art within the technical scope of the present application should be covered within the scope of the present application. Therefore, the protection scope of the present application shall be subject to the protection scope of the claims.
Claims (10)
1. A page loading method is characterized in that the page loading method is applied to a terminal device in a page processing system, the page processing system further comprises a background server and a content distribution network which are communicated with each other, the background server and the content distribution network are respectively in communication connection with the terminal device, and the method comprises the following steps:
receiving a page access request, wherein the page access request is used for requesting access to a target page;
if the page access request is a first access request aiming at the target page, acquiring static page data of the target page from the content distribution network according to the identification information of the target page, wherein the static page data in the content distribution network is pre-stored in the content distribution network by the background server;
and loading and displaying the target page according to the static page data obtained from the content distribution network.
2. The page loading method of claim 1, wherein the method further comprises:
saving static page data obtained from the content distribution network to a local storage.
3. The page loading method of claim 2, wherein the method further comprises:
and if the page access request is not the first access request aiming at the target page, obtaining the static page data of the target page stored in the local storage, and loading and displaying the target page according to the static page data obtained from the local storage.
4. The page loading method of claim 1, wherein the method further comprises:
acquiring dynamic page data of the target page from the background server according to the identification information of the target page;
the step of loading and displaying the target page according to the static page data obtained from the content distribution network includes:
and loading and displaying the target page according to the dynamic page data obtained from the background server and the static page data obtained from the content distribution network.
5. The page loading method according to claim 1, wherein said step of loading and displaying said target page according to static page data obtained from said content distribution network comprises:
converting the format of static page data obtained from the content distribution network into a set data format according to a preset rule;
and acquiring a script tag and a page component of the target page, loading the converted static page data based on the script tag and the page component, and rendering and displaying the static page data on the target page.
6. The page loading method according to claim 1, wherein the step of obtaining the static page data of the target page from the content distribution network according to the identification information of the target page comprises:
sending a jsonp request carrying identification information of the target page to the content distribution network;
and receiving static page data which is searched and obtained by the content distribution network based on the jsonp request and corresponds to the identification information.
7. The page loading method according to any one of claims 1 to 6, wherein the method further comprises a step of determining whether the page access request is a first access request for the target page, the step comprising:
after receiving the page access request, sending an update query request to the content distribution network, where the update query request is used to query the content distribution network whether the static page data of the target page is updated;
if first feedback information which is returned by the content distribution network and indicates that the static page data of the target page is updated is received, determining that the page access request is a first access request aiming at the target page;
and if second feedback information which is returned by the content distribution network and indicates that the static page data of the target page is not updated is received, determining that the page access request is not a first access request aiming at the target page.
8. A page loading device is characterized in that the page loading device is applied to a terminal device in a page processing system, the page processing system further comprises a background server and a content distribution network which are communicated with each other, the background server and the content distribution network are respectively in communication connection with the terminal device, and the device comprises:
the system comprises a receiving module, a processing module and a processing module, wherein the receiving module is used for receiving a page access request which is used for requesting to access a target page;
an obtaining module, configured to obtain, when the page access request is a first access request for the target page, static page data of the target page from the content distribution network according to identification information of the target page, where the static page data in the content distribution network is pre-stored in the content distribution network by the background server;
and the loading module is used for loading and displaying the target page according to the static page data obtained from the content distribution network.
9. A terminal device comprising a memory, a processor and machine executable instructions stored on the memory and executable on the processor which when executed by the processor implement the steps of the page loading method of any of claims 1 to 7.
10. A storage medium having stored thereon machine executable instructions which, when executed by a processor, carry out the steps of the page loading method according to any one of claims 1 to 7.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201911235186.8A CN110990736A (en) | 2019-12-05 | 2019-12-05 | Page loading method and device, terminal equipment and storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201911235186.8A CN110990736A (en) | 2019-12-05 | 2019-12-05 | Page loading method and device, terminal equipment and storage medium |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN110990736A true CN110990736A (en) | 2020-04-10 |
Family
ID=70090468
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201911235186.8A Pending CN110990736A (en) | 2019-12-05 | 2019-12-05 | Page loading method and device, terminal equipment and storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN110990736A (en) |
Cited By (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111831947A (en) * | 2020-07-27 | 2020-10-27 | 中国工商银行股份有限公司 | Application system, data processing method, computer system, and storage medium |
| CN112073405A (en) * | 2020-09-03 | 2020-12-11 | 中国平安财产保险股份有限公司 | Webpage data loading method and device, computer equipment and storage medium |
| CN112887362A (en) * | 2021-01-08 | 2021-06-01 | 重庆锐明信息技术有限公司 | Equipment access method, equipment access device and server |
| CN113315822A (en) * | 2021-05-21 | 2021-08-27 | 福建天泉教育科技有限公司 | Page staticizing method and system under front-end and back-end separation framework |
| CN113472888A (en) * | 2021-07-07 | 2021-10-01 | 挂号网（杭州）科技有限公司 | Webpage access method, device, server equipment and storage medium |
| CN113704654A (en) * | 2021-07-30 | 2021-11-26 | 北京达佳互联信息技术有限公司 | Page display method and device, electronic equipment and storage medium |
| CN114780267A (en) * | 2022-06-21 | 2022-07-22 | 苏州万店掌网络科技有限公司 | Interface calling method, device, equipment and storage medium |
| CN116069415A (en) * | 2023-03-24 | 2023-05-05 | 徐工汉云技术股份有限公司 | Dynamic data loading method and device, storage medium and electronic equipment |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20130174272A1 (en) * | 2011-12-29 | 2013-07-04 | Chegg, Inc. | Digital Content Distribution and Protection |
| CN106682176A (en) * | 2016-12-29 | 2017-05-17 | 北京五八信息技术有限公司 | Page loading method, equipment and device |
| US20180276308A1 (en) * | 2015-01-12 | 2018-09-27 | Beijing Jingdong Shangke Information Technology Co., Ltd. | Method and system for increasing page loading rate |
| CN109032797A (en) * | 2018-07-18 | 2018-12-18 | 上海恺英网络科技有限公司 | For providing the method and apparatus of web page access |
| CN110287432A (en) * | 2019-06-28 | 2019-09-27 | 北京金山安全软件有限公司 | Network information processing method and device and electronic equipment |
-
2019
- 2019-12-05 CN CN201911235186.8A patent/CN110990736A/en active Pending
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20130174272A1 (en) * | 2011-12-29 | 2013-07-04 | Chegg, Inc. | Digital Content Distribution and Protection |
| US20180276308A1 (en) * | 2015-01-12 | 2018-09-27 | Beijing Jingdong Shangke Information Technology Co., Ltd. | Method and system for increasing page loading rate |
| CN106682176A (en) * | 2016-12-29 | 2017-05-17 | 北京五八信息技术有限公司 | Page loading method, equipment and device |
| CN109032797A (en) * | 2018-07-18 | 2018-12-18 | 上海恺英网络科技有限公司 | For providing the method and apparatus of web page access |
| CN110287432A (en) * | 2019-06-28 | 2019-09-27 | 北京金山安全软件有限公司 | Network information processing method and device and electronic equipment |
Cited By (14)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111831947B (en) * | 2020-07-27 | 2023-08-15 | 中国工商银行股份有限公司 | Application system, data processing method, computer system and storage medium |
| CN111831947A (en) * | 2020-07-27 | 2020-10-27 | 中国工商银行股份有限公司 | Application system, data processing method, computer system, and storage medium |
| CN112073405A (en) * | 2020-09-03 | 2020-12-11 | 中国平安财产保险股份有限公司 | Webpage data loading method and device, computer equipment and storage medium |
| CN112073405B (en) * | 2020-09-03 | 2024-02-06 | 中国平安财产保险股份有限公司 | Webpage data loading method and device, computer equipment and storage medium |
| CN112887362A (en) * | 2021-01-08 | 2021-06-01 | 重庆锐明信息技术有限公司 | Equipment access method, equipment access device and server |
| CN112887362B (en) * | 2021-01-08 | 2023-03-10 | 重庆锐明信息技术有限公司 | Equipment access method, equipment access device and server |
| CN113315822A (en) * | 2021-05-21 | 2021-08-27 | 福建天泉教育科技有限公司 | Page staticizing method and system under front-end and back-end separation framework |
| CN113315822B (en) * | 2021-05-21 | 2023-06-20 | 福建天泉教育科技有限公司 | Page staticizing method and system under front-end and back-end separation architecture |
| CN113472888A (en) * | 2021-07-07 | 2021-10-01 | 挂号网（杭州）科技有限公司 | Webpage access method, device, server equipment and storage medium |
| CN113472888B (en) * | 2021-07-07 | 2024-01-05 | 挂号网（杭州）科技有限公司 | Webpage access method and device, server equipment and storage medium |
| CN113704654A (en) * | 2021-07-30 | 2021-11-26 | 北京达佳互联信息技术有限公司 | Page display method and device, electronic equipment and storage medium |
| CN114780267A (en) * | 2022-06-21 | 2022-07-22 | 苏州万店掌网络科技有限公司 | Interface calling method, device, equipment and storage medium |
| CN114780267B (en) * | 2022-06-21 | 2022-09-27 | 苏州万店掌网络科技有限公司 | Interface calling method, device, equipment and storage medium |
| CN116069415A (en) * | 2023-03-24 | 2023-05-05 | 徐工汉云技术股份有限公司 | Dynamic data loading method and device, storage medium and electronic equipment |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN110990736A (en) | Page loading method and device, terminal equipment and storage medium | |
| US11144711B2 (en) | Webpage rendering method, device, electronic apparatus and storage medium | |
| US20190251143A1 (en) | Web page rendering method and related device | |
| US7698256B1 (en) | History support for stateless Javascript Web client | |
| US8965864B2 (en) | Method and system for efficient execution and rendering of client/server interactive applications | |
| CN109032797A (en) | For providing the method and apparatus of web page access | |
| CN113468456B (en) | Webpage rendering method and device, electronic equipment and computer-readable storage medium | |
| CN104754073A (en) | Resource access method and device | |
| KR20130066603A (en) | Initiating font subsets | |
| US20090085921A1 (en) | Populate Web-Based Content Based on Space Availability | |
| CN109683998A (en) | Internationalize implementation method, device and system | |
| CN105095280A (en) | Caching method and apparatus for browser | |
| CN113382282B (en) | Page resource access method and device, electronic equipment and storage medium | |
| CN108874922A (en) | Client device, webpage rendering method and storage medium based on single page application | |
| US11930096B2 (en) | Systems and methods for rendering interactive web pages | |
| JP2021111403A (en) | Landing page processing method, apparatus, device and medium | |
| CN111079048B (en) | Page loading method and device | |
| CN110795650A (en) | Webpage opening method and device and computer readable storage medium | |
| CN115309470A (en) | Method, device and equipment for loading widgets and storage medium | |
| US20240095298A1 (en) | Systems and methods for rendering interactive web pages | |
| CN116776030A (en) | Gray release method, device, computer equipment and storage medium | |
| CN113536168B (en) | Component processing method and device | |
| CN113127783B (en) | Page display method and device, equipment and medium | |
| CN110019393A (en) | A kind of method and apparatus of fuzzy query | |
| CN110622135B (en) | System and method for providing content items in situations involving suboptimal network conditions |
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 | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20200410 |