CN113704654A

CN113704654A - Page display method and device, electronic equipment and storage medium

Info

Publication number: CN113704654A
Application number: CN202110869320.0A
Authority: CN
Inventors: 殷勇
Original assignee: Beijing Dajia Internet Information Technology Co Ltd
Current assignee: Beijing Dajia Internet Information Technology Co Ltd
Priority date: 2021-07-30
Filing date: 2021-07-30
Publication date: 2021-11-26

Abstract

The disclosure relates to a page display method, a page display device, an electronic device and a storage medium, wherein the method comprises the following steps: sending a target page acquisition instruction carrying page identification information of a target page to a content distribution network; receiving target page header information which is sent by a content distribution network in response to a target page acquisition instruction and corresponds to the page identification information, wherein the target page header information comprises the download address information of the static resource data and the page attribute information of the target page; downloading static resource data from the content distribution network according to the download address information; receiving dynamic service data which is forwarded by the content distribution network and acquired from a service server in the process of downloading static resource data from the content distribution network according to the downloading address information, wherein the dynamic service data corresponds to the page identification information; and displaying the target page based on the static resource data, the dynamic service data and the page attribute information. The technical scheme of the disclosure can improve the speed of page display.

Description

Page display method and device, electronic equipment and storage medium

Technical Field

The present disclosure relates to the field of computer technologies, and in particular, to a page display method and apparatus, an electronic device, and a storage medium.

Background

In the related art, in the process of loading a page, a page (for example, a hypertext markup language (html) page) on a specified server needs to be loaded first, then static resources such as a cascading style sheet (css) and a scripting language (javascript) declared in html are downloaded and executed, and finally an ajax request is initiated to load dynamic data, wherein ajax refers to a web page development technology for creating an interactive web page application.

However, the above process of loading pages in the related art is serial (i.e. first loading html pages, then downloading static resources in html statements, and finally loading dynamic data), which reduces the speed of page loading.

Disclosure of Invention

The disclosure provides a page display method, a page display device, an electronic device and a storage medium, which are used for at least solving the problem of slow page loading speed in the related art. The technical scheme of the disclosure is as follows:

according to a first aspect of the embodiments of the present disclosure, there is provided a page display method, including:

sending a target page acquisition instruction to a content distribution network, wherein the target page acquisition instruction carries page identification information of a target page;

receiving target page header information corresponding to the page identification information, which is sent by the content distribution network in response to the target page acquisition instruction, wherein the target page header information comprises download address information of static resource data and page attribute information of the target page;

downloading the static resource data from the content distribution network according to the downloading address information;

receiving dynamic service data which is forwarded by the content distribution network and is obtained from a service server in the process of downloading the static resource data from the content distribution network according to the downloading address information, wherein the dynamic service data corresponds to the page identification information;

and displaying the target page based on the static resource data, the dynamic service data and the page attribute information.

In an exemplary embodiment, the content delivery network includes a plurality of edge servers, a topology structure is formed between the plurality of edge servers and a local client, each edge server has a corresponding internet protocol address, the target page obtaining instruction carries a domain name of the local client, and sending the target page obtaining instruction to the content delivery network includes:

sending the target page acquisition instruction to a target edge server;

the plurality of edge servers comprise the target edge server, the target edge server corresponds to a target internet interconnection protocol address, and the target internet interconnection protocol address is obtained by analyzing the domain name by a domain name server corresponding to the local client; and the distance between the position information of the target edge server and the position information of the local client is smaller than a preset distance threshold, the position information of the target edge server represents the position information of the target edge server in the topological structure, and the position information of the local client represents the position information of the local client in the topological structure.

In an exemplary embodiment, the downloading the static resource data from the content distribution network according to the download address information includes:

sending a downloading instruction of the static resource data to the target edge server based on the downloading address information;

and receiving the static resource data sent by the target edge server in response to the downloading instruction.

In an exemplary embodiment, the receiving the dynamic service data forwarded by the content distribution network and acquired from the service server includes:

and receiving the dynamic service data which is forwarded by the content distribution network in a format of a hypertext markup language tag and acquired from the service server.

receiving the dynamic service data which is forwarded by the content distribution network in a structured data format and acquired from the service server;

after the receiving the dynamic service data forwarded by the content distribution network and acquired from the service server, the method further includes:

and rendering the format of the dynamic service data into the format of a hypertext markup language tag from the format of the structured data.

According to a second aspect of the embodiments of the present disclosure, there is provided a page display method, including:

receiving a target page acquisition instruction sent by a client, wherein the target page acquisition instruction carries page identification information of a target page;

responding to the target page acquisition instruction, acquiring target page header information corresponding to the page identification information, and sending the target page header information to the client, wherein the target page header information comprises download address information of static resource data and page attribute information of the target page;

sending the static resource data to the client, wherein the static resource data is determined by a local content distribution network according to the download address information sent by the client;

and in the process of sending the static resource data to the client, acquiring dynamic service data corresponding to the page identification information from a service server, and forwarding the dynamic service data to the client, so that the client displays the target page based on the static resource data, the dynamic service data and the page attribute information.

In an exemplary embodiment, the local content distribution network includes a plurality of edge servers, a topology structure is formed between the plurality of edge servers and the client, each edge server has a corresponding internet protocol address, the target page obtaining instruction carries a domain name of the client, and the receiving the target page obtaining instruction sent by the client includes:

receiving the target page acquisition instruction sent by the client based on a target edge server;

the plurality of edge servers comprise the target edge server, the target edge server corresponds to a target internet interconnection protocol address, and the target internet interconnection protocol address is obtained by analyzing the domain name by a domain name server corresponding to the client; and the distance between the position information of the target edge server and the position information of the client is smaller than a preset distance threshold, the position information of the target edge server represents the position information of the target edge server in the topological structure, and the position information of the client represents the position information of the client in the topological structure.

In an exemplary embodiment, the obtaining, in response to the target page obtaining instruction, target page header information corresponding to the page identification information, and sending the target page header information to the client includes:

acquiring the target page head information corresponding to the page identification information based on the target edge server responding to the target page acquisition instruction;

and sending the target page header information to the client based on the target edge server.

In an exemplary embodiment, in the process of sending the static resource data to the client, acquiring dynamic service data corresponding to the page identification information from a service server, and forwarding the dynamic service data to the client includes:

in the process of sending the static resource data to the client, sending a dynamic service data acquisition instruction to the service server, wherein the dynamic service data acquisition instruction carries the page identification information;

receiving the dynamic service data corresponding to the page identification information, which is returned by the service server in response to the dynamic service data acquisition instruction;

and forwarding the dynamic service data to the client.

In an exemplary embodiment, the forwarding the dynamic service data to the client includes:

and forwarding the dynamic service data to the client in a format of a hypertext markup language tag.

and forwarding the dynamic service data to the client in a structured data format.

According to a third aspect of the embodiments of the present disclosure, there is provided a page display system, including: a client, a content distribution network and a service server;

the client is used for sending a target page acquisition instruction to the content distribution network, wherein the target page acquisition instruction carries page identification information of a target page; the content distribution network is used for receiving target page header information which is sent by the content distribution network and corresponds to the page identification information, and the target page header information comprises the download address information of the static resource data and the page attribute information of the target page; and the static resource data are downloaded from the content distribution network according to the downloading address information; and the dynamic service data server is used for receiving the dynamic service data which is forwarded by the content distribution network and is obtained from the service server in the process of downloading the static resource data from the content distribution network according to the downloading address information, wherein the dynamic service data corresponds to the page identification information; and displaying the target page based on the static resource data, the dynamic service data and the page attribute information;

the content distribution network is used for responding to the target page acquisition instruction, acquiring the target page header information corresponding to the page identification information, and sending the target page header information to the client; and the dynamic service data corresponding to the page identification information is acquired from the service server in the process that the client downloads the static resource data from the content distribution network according to the download address information; and for forwarding the dynamic service data to the client;

and the service server is used for sending the dynamic service data to the content distribution network.

According to a fourth aspect of the embodiments of the present disclosure, there is provided a page displaying apparatus, including:

the page acquisition instruction sending module is configured to execute sending of a target page acquisition instruction to a content distribution network, wherein the target page acquisition instruction carries page identification information of a target page;

a page header information receiving module configured to execute receiving of target page header information corresponding to the page identification information, which is sent by the content distribution network in response to the target page acquisition instruction, where the target page header information includes download address information of static resource data and page attribute information of the target page;

a static resource data downloading module configured to execute downloading the static resource data from the content distribution network according to the download address information;

a dynamic service data receiving module configured to receive dynamic service data, which is forwarded by the content distribution network and is obtained from a service server, in the process of downloading the static resource data from the content distribution network according to the download address information, wherein the dynamic service data corresponds to the page identification information;

a display module configured to perform displaying the target page based on the static resource data, the dynamic service data, and the page attribute information.

In an exemplary embodiment, the content distribution network includes a plurality of edge servers, a topology structure is formed between the plurality of edge servers and a local client, each edge server has a corresponding internet protocol address, the target page obtaining instruction carries a domain name of the local client,

the page acquisition instruction sending module is configured to execute sending of the target page acquisition instruction to a target edge server;

In an exemplary embodiment, the static resource data downloading module includes:

a download instruction sending unit configured to execute a download instruction for sending the static resource data to the target edge server based on the download address information;

a static resource data receiving unit configured to perform receiving the static resource data sent by the target edge server in response to the downloading instruction.

In an exemplary embodiment, the dynamic service data receiving module is configured to receive the dynamic service data forwarded by the content distribution network in a format of a hypertext markup language tag during the downloading of the static resource data from the content distribution network according to the download address information.

In an exemplary embodiment, the dynamic service data receiving module is configured to receive the dynamic service data forwarded by the content distribution network in a structured data format during the downloading of the static resource data from the content distribution network according to the download address information;

the device further comprises:

a rendering module configured to perform rendering the format of the dynamic business data from the format of the structured data into a format of a hypertext markup language tag.

According to a fifth aspect of the embodiments of the present disclosure, there is provided a page displaying apparatus, including:

the page acquisition instruction receiving module is configured to execute a target page acquisition instruction sent by a receiving client, wherein the target page acquisition instruction carries page identification information of a target page;

an information obtaining and sending module, configured to execute, in response to the target page obtaining instruction, obtaining target page header information corresponding to the page identification information, and sending the target page header information to the client, where the target page header information includes download address information of static resource data and page attribute information of the target page;

a static resource data sending module configured to perform sending of the static resource data to the client, the static resource data being determined by a local content distribution network according to the download address information sent by the client;

and the dynamic service data acquisition module is configured to acquire dynamic service data corresponding to the page identification information from a service server in the process of sending the static resource data to the client, and forward the dynamic service data to the client, so that the client displays the target page based on the static resource data, the dynamic service data and the page attribute information.

In an exemplary embodiment, the local content distribution network includes a plurality of edge servers, a topology structure is formed between the plurality of edge servers and the client, each edge server has a corresponding internet protocol address, the target page obtaining instruction carries a domain name of the client, and the page obtaining instruction receiving module is configured to execute receiving, based on a target edge server, the target page obtaining instruction sent by the client;

In an exemplary embodiment, the information obtaining and sending module includes:

a page header information obtaining unit configured to perform obtaining, based on the target edge server in response to the target page obtaining instruction, the target page header information corresponding to the page identification information;

a page header information sending unit configured to perform sending the target page header information to the client based on the target edge server.

In an exemplary embodiment, the dynamic service data obtaining module includes:

a service data obtaining instruction sending unit, configured to send the dynamic service data obtaining instruction to the service server in the process of sending the static resource data to the client, where the dynamic service data obtaining instruction carries the page identification information;

a dynamic service data receiving unit configured to execute receiving of the dynamic service data corresponding to the page identification information, which is returned by the service server in response to the dynamic service data obtaining instruction;

a dynamic service data forwarding unit configured to perform forwarding of the dynamic service data to the client.

In an exemplary embodiment, the dynamic service data forwarding unit is configured to perform forwarding of the dynamic service data to the client in a format of a hypertext markup language tag.

In an exemplary embodiment, the dynamic service data forwarding unit is configured to perform forwarding of the dynamic service data to the client in a format of structured data.

According to a sixth aspect of embodiments of the present disclosure, there is provided an electronic apparatus including:

a processor;

a memory for storing the processor-executable instructions;

wherein the processor is configured to execute the instructions to implement the page presentation method according to any of the above embodiments.

According to a seventh aspect of the embodiments of the present disclosure, there is provided a computer-readable storage medium, wherein when executed by a processor of an electronic device, instructions of the computer-readable storage medium cause the electronic device to perform the page display method according to any one of the above embodiments.

According to an eighth aspect of the embodiments of the present disclosure, there is provided a computer program product, including a computer program, which when executed by a processor implements the page display method according to any of the above embodiments.

The technical scheme provided by the embodiment of the disclosure at least brings the following beneficial effects:

in the embodiment of the disclosure, a client sends a target page obtaining instruction carrying page identification information of a target page to a content distribution network, the content distribution network obtains target page header information corresponding to the page identification information, and sends target page header information carrying download address information of static resource data and page attribute information of the target page to the client, and then the client obtains the static resource data from the content distribution network according to the download address information, and at the same time, the content distribution network obtains dynamic service data corresponding to the page identification information from a service server and forwards the dynamic service data to the client. And finally, the client displays the target page according to the static resource data, the dynamic service data and the page attribute information. The client in the embodiment of the disclosure sends a target page acquisition instruction to the content distribution network, receives target page header information returned by the content distribution network, and accelerates the response speed of the target page acquisition instruction through the hosting of the content distribution network, thereby accelerating the loading speed of the target page header information; in addition, the process of the content distribution network acquiring the dynamic service data from the service server and the process of the client acquiring the static resource data from the content distribution network are performed in parallel, namely, the static resource data and the dynamic service data are loaded in parallel through the proxy of the content distribution network, and the loading speed of the static resource data and the dynamic service data is accelerated. According to the two aspects (the response speed of the header information of the target page is accelerated by hosting of the content distribution network, and the parallel loading of the static resource data and the dynamic service data is realized by the content distribution network agent), the time for loading and displaying the complete target page is reduced, and the display speed of the target page is improved.

It is to be understood that both the foregoing general description and the following detailed description are exemplary and explanatory only and are not restrictive of the disclosure.

Drawings

The accompanying drawings, which are incorporated in and constitute a part of this specification, illustrate embodiments consistent with the present disclosure and, together with the description, serve to explain the principles of the disclosure and are not to be construed as limiting the disclosure.

FIG. 1 is a diagram illustrating an application environment for a page presentation method in accordance with an exemplary embodiment.

FIG. 2 is a flow diagram illustrating a page presentation method in accordance with an exemplary embodiment.

FIG. 3 is a schematic diagram illustrating a topology according to an exemplary embodiment.

FIG. 4 is a flow diagram illustrating another page presentation method in accordance with an exemplary embodiment.

FIG. 5 is a flow diagram illustrating another page presentation method in accordance with an illustrative embodiment.

FIG. 6 is a flow diagram illustrating another page presentation method in accordance with an illustrative embodiment.

FIG. 7 is a block diagram illustrating a page presentation apparatus according to an exemplary embodiment.

FIG. 8 is a block diagram illustrating another page presentation apparatus according to an example embodiment.

FIG. 9 is a block diagram illustrating an electronic device for page presentation in accordance with an exemplary embodiment.

Detailed Description

In order to make the technical solutions of the present disclosure better understood by those of ordinary skill in the art, the technical solutions in the embodiments of the present disclosure will be clearly and completely described below with reference to the accompanying drawings.

It should be noted that the terms "first," "second," and the like in the description and claims of the present disclosure and in the above-described drawings are used for distinguishing between similar elements and not necessarily for describing a particular sequential or chronological order. It is to be understood that the data so used is interchangeable under appropriate circumstances such that the embodiments of the disclosure described herein are capable of operation in sequences other than those illustrated or otherwise described herein. The implementations described in the exemplary embodiments below are not intended to represent all implementations consistent with the present disclosure. Rather, they are merely examples of apparatus and methods consistent with certain aspects of the present disclosure, as detailed in the appended claims.

Referring to fig. 1, fig. 1 is a diagram illustrating an application environment of a page presentation method according to an exemplary embodiment. The application environment may include a client 01, a content distribution network 02, and a service server 03. The content distribution network 02 may communicate with the client 01 and the service server 03 in a wired or wireless manner, respectively, which is not limited in this disclosure.

The client 01 may send a target page acquisition instruction carrying page identification information of a target page to the content distribution network, and download the static resource data from the content distribution network according to download address information including the static resource data returned by the content distribution network. Optionally, the client 01 may be an independent physical server, or a server cluster or a distributed system formed by a plurality of physical servers, or may be a cloud server providing basic cloud computing services such as a cloud service, a cloud database, cloud computing, a cloud function, cloud storage, a Network service, cloud communication, a middleware service, a domain name service, a security service, a Content Delivery Network (CDN), a big data and artificial intelligence platform, and the like.

The content distribution network 02 may be configured to, in response to the target page obtaining instruction, obtain target page header information corresponding to the page identification information, send the target page header information to the client, and be configured to obtain dynamic service data from the service server and forward the dynamic service data returned by the service server to the client. Optionally, the content distribution network 02 is an intelligent virtual network built on the basis of the existing network, and by means of edge servers deployed in various places and through functional modules of load balancing, content distribution, scheduling and the like of a central platform, a user can obtain required content nearby, network congestion is reduced, and the access response speed and hit rate of the user are improved.

The service server 03 may be configured to receive a dynamic service data obtaining instruction of a target page that is sent by a content distribution network and carries the page identification information, obtain dynamic service data corresponding to the page identification information, and send the dynamic service data to the content distribution network. Optionally, the service server 03 may be an independent physical server, or a server cluster or a distributed system formed by a plurality of physical servers, or a cloud server providing basic cloud computing services such as a cloud service, a cloud database, cloud computing, a cloud function, cloud storage, a Network service, cloud communication, a middleware service, a domain name service, a security service, a Content Delivery Network (CDN), a big data and artificial intelligence platform, and the like.

It should be noted that fig. 1 is only one application environment of the page display method provided by the present disclosure, and in practical applications, other application environments may also be included.

FIG. 2 is a flow diagram illustrating a page presentation method in accordance with an exemplary embodiment. As shown in fig. 2, the page presentation method is used in the system including the client 01, the content distribution network 02 and the service server 03 in fig. 1, and may include the following steps.

In step S11, the client sends a target page obtaining instruction to the content distribution network, where the target page obtaining instruction carries the page identification information of the target page.

In the embodiment of the disclosure, the response speed of the target page may be accelerated by hosting of the CDN, and specifically, the target page acquisition instruction carrying the page identification information of the target page may be sent to the CDN by the client.

Specifically, the target page may be an html page.

In an optional embodiment, the content distribution network includes a plurality of edge servers, a topology structure is formed between the plurality of edge servers and the client, each edge server has a corresponding internet protocol address, and the target page obtaining instruction carries a domain name of the client, so the method may further include:

and the domain name server corresponding to the client analyzes the domain name to obtain a target internet interconnection protocol address corresponding to the domain name.

The distance between the location information of the target edge server corresponding to the target internet interconnection protocol address and the location information of the client is smaller than a preset distance threshold, the plurality of edge servers include the target edge server, the location information of the target edge server represents the location information of the target edge server in the topology structure, and the location information of the client represents the location information of the client in the topology structure.

In a specific embodiment, in step S11, the sending, by the client, the target page obtaining instruction to the content distribution network includes:

and the client sends the target page acquisition instruction to the target edge server.

FIG. 3 is a schematic diagram illustrating a topology according to an exemplary embodiment. As shown in fig. 3, the topology may be formed by a client and a plurality of edge servers in the CDN, each having a respective Internet Protocol (IP) address.

In the embodiment of the present disclosure, in order to reduce the transmission distance of information on the network and the number of intermediate node devices (such as routers and switches) used in the information transmission process, and improve the page display speed, the client may send the target page acquisition instruction to a target edge server in the topology structure, where a distance between the location information and the location information is smaller than a preset distance threshold.

Specifically, the target edge server whose distance from the location information of the client is smaller than the preset distance threshold may be an edge server closest to the client among the plurality of edge servers.

For example, in the network topology, the determination process of the target edge server with the location information closest to the location information of the client in the topology may be as follows: the client sends a request to a content distribution network through a domain name, when the client sends a target page acquisition instruction, a domain name server corresponding to the client can analyze the domain name carried in the target page acquisition instruction to obtain a target internet interconnection protocol address corresponding to the domain name, namely the domain name server maps the domain name to a unique target internet interconnection protocol address, and an edge server corresponding to the target internet interconnection protocol address is a target edge server with position information closest to the position information of the client. Since each edge server in the CDN has a corresponding ip address, a corresponding target edge server can be determined according to the target ip address.

In the embodiment of the disclosure, a target page acquisition instruction is sent to a target edge server (for example, an edge server closest to the target edge server) whose distance between the position information and the position information in the topological structure is smaller than a preset threshold through the client, and since the distance between the target edge server and the client is far smaller than the distance between the service server and the client, not only is the transmission distance of information on the network reduced, but also the number of intermediate node devices (such as a router and a switch) used in the information transmission process is greatly reduced, so that the response speed of the target page acquisition instruction and the acquisition speed of the header information of the target page are greatly increased, and the speed of displaying the target page is further increased.

In step S13, the content delivery network, in response to the target page obtaining instruction, obtains target page header information corresponding to the page identifier information, and sends the target page header information to the client, where the target page header information includes the download address information of the static resource data and the page attribute information of the target page.

Specifically, taking the target page as an html page as an example, the target page header information may include download address information of the static resource data and page attribute information of the target page. Optionally, the page attribute information includes but is not limited to: title, introduction, meta-information (coding, station build time, viewport configuration) of the page, etc.

In particular, static resource data refers to a file generated by a non-server dynamic operation, which may include but is not limited to: javascript, css, image (img), etc.

Illustratively, the download address information may be a file path or a download link of the static resource data in the content distribution network.

In a specific embodiment, in step S13, the acquiring, by the content distribution network, target page header information corresponding to the page identification information in response to the target page acquisition instruction, and sending the target page header information to the client includes:

and the target edge server responds to the target page acquisition instruction, acquires the target page head information corresponding to the page identification information, and sends the target page head information to the client.

In the embodiment of the present disclosure, the page header information is obtained through hosting of a content distribution network, that is, the edge server (for example, the edge server closest to the edge server) whose location information is less than a preset distance threshold from the location information of the client is obtained through the location information in the topology, the target page header information corresponding to the page identification information is obtained, and the target edge server sends the page header information to the client. The content delivery network hosting mode not only reduces the transmission distance of information on the network, but also greatly reduces the number of intermediate node devices (such as routers and switches) used in the information transmission process, thereby greatly improving the acquisition speed of the head information of the target page and further improving the speed of displaying the target page.

In step S15, the client downloads the static resource data from the content delivery network based on the download address information.

In an alternative embodiment, fig. 4 is a flowchart illustrating another page presentation method according to an example embodiment. As shown in fig. 4, in step S15, the downloading, by the client, the static resource data from the content distribution network according to the download address information may include:

in step S1501, the client transmits a download instruction of the static resource data to the target edge server based on the download address information.

In step S1503, the target edge server sends the static resource data to the client in response to the download instruction.

In the embodiment of the present disclosure, after the client receives the target page header information carrying the download address information of the static resource data, which is returned by the content distribution network, the client may send a download instruction of the static resource data to the target edge server according to the download address information, and the target edge server sends the static resource data to the client in response to the download instruction.

In the embodiment of the disclosure, the downloading instruction of the static resource data is sent to the target edge server (for example, the edge server closest to the target edge server) whose distance between the position information and the position information of the client in the topological structure is smaller than the preset threshold, and the target edge server sends the static resource data to the client, so that not only is the transmission distance of the static resource data on the network reduced, but also the number of intermediate node devices (such as routers and switches) used in the transmission process of the static resource data is greatly reduced, thereby greatly improving the acquisition speed of the static resource data and further improving the speed of displaying the target page.

In step S17, in the process of downloading the static resource data from the content distribution network by the client according to the download address information, the content distribution network acquires dynamic service data corresponding to the page identification information from a service server and transfers the dynamic service data to the client.

In the embodiment of the present disclosure, in the process of downloading the static resource data from the content distribution network by the client, the content distribution network does not immediately end the connection with the tcp (transmission Control protocol), but at the same time, obtains the dynamic service data corresponding to the page identifier information from the service server, and forwards the dynamic service data to the client. Among them, TCP is a connection-oriented, reliable transport layer communication protocol based on a byte stream.

Specifically, the dynamic service data refers to a file generated by a server running dynamically. For example, valid data on the target page about the current login account (account avatar, rating, text of an article being read by the current account, etc.).

In an alternative embodiment, as shown in fig. 4 again, in step S17, in the process that the client downloads the static resource data from the content distribution network according to the download address information, the content distribution network obtains dynamic service data corresponding to the page identifier information from a service server and forwards the dynamic service data to the client, where the method includes:

in step S1701, in the process that the client downloads the static resource data from the content distribution network according to the download address information, the content distribution network sends the dynamic service data acquisition instruction to the service server, where the dynamic service data acquisition instruction carries the page identification information.

In step S1703, the service server, in response to the dynamic service data obtaining instruction, obtains the dynamic service data corresponding to the page identification information, and sends the dynamic service data to the content distribution network.

In step S1705, the content distribution network forwards the dynamic service data to the client.

Specifically, in the process that the client downloads the static resource data from the content distribution network according to the download address information, the content distribution network may send a dynamic service data obtaining instruction carrying the page identification information to the service server, and the service server responds to the dynamic service data obtaining instruction, searches for dynamic service data corresponding to the page identification information, and finally sends the dynamic service data to the content distribution network.

In a specific embodiment, the content distribution network in the steps S1701 to S1705 may be the target edge server.

In the embodiment of the present disclosure, when the client downloads the static resource data from the content distribution network (specifically, the target edge server), the content distribution network obtains the dynamic service data from the service server and forwards the dynamic service data to the client, and it can be seen that the process of obtaining the dynamic service data from the service server by the content distribution network is performed in parallel with the process of obtaining the static resource data from the content distribution network by the client, that is, the static resource data and the dynamic service data are loaded in parallel by the agent of the content distribution network, so that the time of loading and displaying a complete target page is further reduced, and the display speed of the target page is increased; in addition, the service server only needs to send the dynamic service data to the content distribution network, and does not need to improve the service server, so that the display cost of the target page and the consumption of system resources in the display process of the target page are reduced.

In an optional embodiment, in step S1705, the forwarding, by the content distribution network, the dynamic service data to the client may include:

and the content distribution network forwards the dynamic service data to the client in a format of a hypertext markup language label.

In the embodiment of the disclosure, the dynamic service data is forwarded to the client through the content distribution network in a format of a hypertext markup language tag (html tag), the security of data transmission is high, and the client directly renders the dynamic service data after receiving the dynamic service data in the html tag format without performing format conversion, thereby further improving the display speed of the target page.

In another optional embodiment, in step S1705, the forwarding, by the content distribution network, the dynamic service data to the client may include:

and the content distribution network forwards the dynamic service data to the client in a structured data format.

Accordingly, in a specific embodiment, after the content distribution network forwards the dynamic service data to the client, the method may further include:

and the client renders the format of the dynamic service data into the format of the hypertext markup language tag from the format of the structured data.

Specifically, if the format of the dynamic service data received by the client is the format of the structured data, the format of the structured data may be rendered into the format of the html tag at the client, so as to perform the rendering of the dynamic service data subsequently.

In the embodiment of the disclosure, the dynamic service data is forwarded to the client through a content distribution network in a structured data format (for example, json data), the security of dynamic service data transmission is higher, and the content covered by the dynamic service data is richer, so that the display precision of the target page is improved.

In step S19, the client displays the destination page based on the static resource data, the dynamic service data, and the page attribute information.

In the embodiment of the present disclosure, after the client receives the static resource data and the dynamic service data, the target page may be rendered according to the static resource data, the dynamic service data, and the page attribute information.

The client in the embodiment of the disclosure sends a target page acquisition instruction to the content distribution network, receives target page header information returned by the content distribution network, and accelerates the response speed of the target page acquisition instruction through the hosting of the content distribution network, thereby accelerating the loading speed of the target page header information; and the process that the content distribution network acquires the dynamic service data from the service server is carried out in parallel with the process that the client acquires the static resource data from the content distribution network, namely, the static resource data and the dynamic service data are loaded in parallel through the proxy of the content distribution network. According to the two aspects (the response speed of the header information of the target page is accelerated by hosting of the content distribution network, and the parallel loading of the static resource data and the dynamic service data is realized by the content distribution network agent), the time for loading and displaying the complete target page is reduced, and the display speed of the target page is improved. In addition, the service server only needs to send the dynamic service data to the content distribution network, and does not need to improve the service server, so that the display cost of the target page and the consumption of system resources in the display process of the target page are reduced.

Hereinafter, a page display method according to the present disclosure is described with a content distribution network as an execution subject. FIG. 5 is a flow diagram illustrating another page presentation method in accordance with an illustrative embodiment. As shown in fig. 5, the page display method may include:

in step S21, a target page obtaining instruction sent by the client is received, where the target page obtaining instruction carries page identification information of a target page.

In step S23, in response to the target page obtaining instruction, obtaining target page header information corresponding to the page identification information, and sending the target page header information to the client, where the target page header information includes the download address information of the static resource data and the page attribute information of the target page.

In step S25, the static resource data is transmitted to the client, and the static resource data is determined by the local content distribution network based on the download address information transmitted by the client.

In step S27, in the process of sending the static resource data to the client, dynamic service data corresponding to the page identifier information is obtained from a service server, and the dynamic service data is forwarded to the client, so that the client displays the target page based on the static resource data, the dynamic service data, and the page attribute information.

Optionally, the local content distribution network includes a plurality of edge servers, a topology structure is formed between the plurality of edge servers and the client, each edge server has a corresponding internet protocol address, the target page obtaining instruction carries a domain name of the client, and the receiving the target page obtaining instruction sent by the client includes:

the plurality of edge servers include the target edge server, the target edge server corresponds to a target internet interconnection protocol address, and the target internet interconnection protocol address is obtained by analyzing the domain name by a domain name server corresponding to the client; and the distance between the position information of the target edge server and the position information of the client is smaller than a preset distance threshold, the position information of the target edge server represents the position information of the target edge server in the topological structure, and the position information of the client represents the position information of the client in the topological structure.

Optionally, the obtaining, in response to the target page obtaining instruction, target page header information corresponding to the page identification information, and sending the target page header information to the client includes:

and acquiring the header information of the target page corresponding to the page identification information based on the target edge server responding to the target page acquisition instruction.

And sending the header information of the target page to the client based on the target edge server.

Optionally, the acquiring, from a service server, dynamic service data corresponding to the page identifier information and forwarding the dynamic service data to the client in the process of sending the static resource data to the client includes:

and in the process of sending the static resource data to the client, sending a dynamic service data acquisition instruction to the service server, wherein the dynamic service data acquisition instruction carries the page identification information.

And receiving the dynamic service data corresponding to the page identification information, which is returned by the service server in response to the dynamic service data acquisition instruction.

And forwarding the dynamic service data to the client.

Optionally, the forwarding the dynamic service data to the client includes:

Hereinafter, a page display method according to the present disclosure is described with a client as an execution subject. FIG. 6 is a flow diagram illustrating another page presentation method in accordance with an illustrative embodiment. As shown in fig. 6, the page display method may include:

in step S31, a target page obtaining instruction is sent to the content distribution network, where the target page obtaining instruction carries page identification information of a target page.

In step S33, target page header information corresponding to the page identification information and sent by the content distribution network in response to the target page acquisition instruction is received, where the target page header information includes the download address information of the static resource data and the page attribute information of the target page.

In step S35, the static resource data is downloaded from the content distribution network based on the download address information.

In step S37, in the process of downloading the static resource data from the content distribution network according to the download address information, dynamic service data, which is forwarded by the content distribution network and acquired from a service server, is received, and the dynamic service data corresponds to the page identification information.

In step S39, the destination page is displayed based on the static resource data, the dynamic service data, and the page attribute information.

Optionally, the content delivery network includes a plurality of edge servers, a topology structure is formed between the plurality of edge servers and the local client, each edge server has a corresponding internet protocol address, the target page obtaining instruction carries a domain name of the local client, and the sending the target page obtaining instruction to the content delivery network includes:

sending the target page acquisition instruction to a target edge server;

the plurality of edge servers include the target edge server, the target edge server corresponds to a target internet interconnection protocol address, and the target internet interconnection protocol address is obtained by analyzing the domain name by a domain name server corresponding to the local client; a distance between the location information of the target edge server and the location information of the local client is smaller than a preset distance threshold, the location information of the target edge server represents the location information of the target edge server in the topology structure, and the location information of the local client represents the location information of the local client in the topology structure.

Optionally, the downloading the static resource data from the content delivery network according to the download address information includes:

and sending a downloading instruction of the static resource data to the target edge server based on the downloading address information.

Optionally, the receiving the dynamic service data, which is forwarded by the content distribution network and acquired from the service server, includes:

and receiving the dynamic service data which is forwarded by the content distribution network in the format of structured data and acquired from the service server.

After receiving the dynamic service data, which is forwarded by the content distribution network and acquired from the service server, the method further includes.

The embodiment of the present disclosure further provides a page display system, which includes: a client, a content distribution network and a service server;

the client is configured to send a target page obtaining instruction to the content distribution network, where the target page obtaining instruction carries page identification information of a target page; and the target page header information is used for receiving the target page header information which is sent by the content distribution network and corresponds to the page identification information, and the target page header information comprises the download address information of the static resource data and the page attribute information of the target page; and is used for downloading the above-mentioned static resource data from the above-mentioned content distribution network according to the above-mentioned download address information; and the dynamic service server is used for receiving dynamic service data which is forwarded by the content distribution network and acquired from the service server in the process of downloading the static resource data from the content distribution network according to the downloading address information, wherein the dynamic service data corresponds to the page identification information; and displaying the target page based on the static resource data, the dynamic service data and the page attribute information.

The content distribution network is configured to respond to the target page obtaining instruction, obtain the target page header information corresponding to the page identification information, and send the target page header information to the client; and the dynamic service data corresponding to the page identification information is acquired from the service server in the process that the client downloads the static resource data from the content distribution network according to the download address information; and the server is used for forwarding the dynamic service data to the client.

The service server is configured to send the dynamic service data to the content distribution network.

FIG. 7 is a block diagram illustrating a page presentation apparatus according to an exemplary embodiment. Referring to fig. 7, the apparatus may include: a page acquisition instruction receiving module 41, an information acquisition sending module 43, a static resource data sending module 45 and a dynamic service data acquisition module 47.

The page obtaining instruction receiving module 41 is configured to execute a target page obtaining instruction sent by the receiving client, where the target page obtaining instruction carries page identification information of a target page.

An information obtaining and sending module 43, configured to execute, in response to the target page obtaining instruction, obtaining target page header information corresponding to the page identification information, and sending the target page header information to the client, where the target page header information includes the download address information of the static resource data and the page attribute information of the target page.

A static resource data sending module 45 configured to perform sending the static resource data to the client, where the static resource data is determined by a local content distribution network according to the download address information sent by the client.

A dynamic service data obtaining module 47, configured to, during the process of sending the static resource data to the client, obtain dynamic service data corresponding to the page identifier information from a service server, and forward the dynamic service data to the client, so that the client displays the target page based on the static resource data, the dynamic service data, and the page attribute information.

Optionally, the local content distribution network includes a plurality of edge servers, a topology structure is formed between the plurality of edge servers and the client, each edge server has a corresponding internet protocol address, the target page obtaining instruction carries a domain name of the client, and the page obtaining instruction receiving module is configured to execute receiving, by a target edge server, the target page obtaining instruction sent by the client;

Optionally, the information obtaining and sending module 43 may include:

a page header information obtaining unit configured to execute obtaining of the target page header information corresponding to the page identification information in response to the target page obtaining instruction based on the target edge server;

Optionally, the dynamic service data obtaining module 47 may include:

and a service data obtaining instruction sending unit configured to send the dynamic service data obtaining instruction to the service server in the process of sending the static resource data to the client, where the dynamic service data obtaining instruction carries the page identification information.

And the dynamic service data receiving unit is configured to execute receiving of the dynamic service data corresponding to the page identification information, which is returned by the service server in response to the dynamic service data obtaining instruction.

And the dynamic service data forwarding unit is configured to forward the dynamic service data to the client.

Optionally, the dynamic service data forwarding unit is configured to perform forwarding of the dynamic service data to the client in a format of a hypertext markup language tag.

Optionally, the dynamic service data forwarding unit is configured to perform forwarding of the dynamic service data to the client in a structured data format.

FIG. 8 is a block diagram illustrating another page presentation apparatus according to an example embodiment. Referring to fig. 8, the apparatus may include: the system comprises a page acquisition instruction sending module 51, a page header information receiving module 53, a static resource data downloading module 55, a dynamic service data receiving module 57 and a display module 59.

The page obtaining instruction sending module 51 is configured to execute sending a target page obtaining instruction to the content distribution network, where the target page obtaining instruction carries page identification information of a target page.

A page header information receiving module 53, configured to perform receiving target page header information corresponding to the page identification information and sent by the content distribution network in response to the target page obtaining instruction, where the target page header information includes download address information of static resource data and page attribute information of the target page.

A static resource data downloading module 55 configured to execute downloading the static resource data from the content distribution network according to the downloading address information.

A dynamic service data receiving module 57, configured to receive dynamic service data, which is forwarded by the content distribution network and is obtained from a service server, in the process of downloading the static resource data from the content distribution network according to the download address information, where the dynamic service data corresponds to the page identification information.

A display module 59 configured to display the target page based on the static resource data, the dynamic service data and the page attribute information.

Optionally, the content delivery network includes a plurality of edge servers, a topology structure is formed between the plurality of edge servers and a local client, each edge server has a corresponding internet protocol address, the target page obtaining instruction carries a domain name of the local client, and the page obtaining instruction sending module 51 is configured to execute sending the target page obtaining instruction to the target edge server.

Optionally, the static resource data downloading module 55 may include:

and a download instruction sending unit configured to execute a download instruction for sending the static resource data to the target edge server based on the download address information.

And a static resource data receiving unit configured to execute receiving the static resource data sent by the target edge server in response to the downloading instruction.

Optionally, the dynamic service data receiving module 57 is configured to receive the dynamic service data forwarded by the content delivery network in a format of a hypertext markup language tag during the process of downloading the static resource data from the content delivery network according to the download address information.

Optionally, the dynamic service data receiving module 57 is configured to receive the dynamic service data forwarded by the content distribution network in a structured data format during the downloading of the static resource data from the content distribution network according to the download address information;

the above-mentioned device still includes:

and the rendering module is configured to render the format of the dynamic service data into the format of the hypertext markup language tag from the format of the structured data.

With regard to the apparatus in the above-described embodiment, the specific manner in which each module performs the operation has been described in detail in the embodiment related to the method, and will not be elaborated here.

In an exemplary embodiment, there is also provided an electronic device, comprising a processor; a memory for storing processor-executable instructions; wherein the processor is configured to implement the steps of any of the page display methods of the above embodiments when executing the instructions stored on the memory.

The electronic device may be a terminal, a server, or a similar computing device, taking the electronic device as a server as an example, fig. 9 is a block diagram of an electronic device for page display according to an exemplary embodiment, where the electronic device 60 may have a relatively large difference due to different configurations or performances, and may include one or more Central Processing Units (CPUs) 61 (the CPU 61 may include but is not limited to a Processing device such as a microprocessor MCU or a programmable logic device FPGA, etc.), a memory 63 for storing data, and one or more storage media 62 (e.g., one or more mass storage devices) for storing an application program 623 or data 622. Memory 63 and storage medium 62 may be, among other things, transient or persistent storage. The program stored on the storage medium 62 may include one or more modules, each of which may include a sequence of instructions operating on the electronic device. Still further, the central processor 61 may be arranged to communicate with the storage medium 62, and execute a series of instruction operations in the storage medium 62 on the electronic device 60. The electronic device 60 may also include one or more power supplies 66, one or more wired or wireless network interfaces 65, one or more input-output interfaces 64, and/or one or more operating systems 621, such as Windows ServerTM, Mac OS XTM, UnixTM, LinuxTM, FreeBSDTM, and so forth.

The input/output interface 64 may be used to receive or transmit data via a network. Specific examples of the network described above may include a wireless network provided by a communication provider of the electronic device 60. In one example, the input/output Interface 64 includes a Network adapter (NIC) that can be connected to other Network devices through a base station to communicate with the internet. In an exemplary embodiment, the input/output interface 64 may be a Radio Frequency (RF) module, which is used for communicating with the internet in a wireless manner.

It will be understood by those skilled in the art that the structure shown in fig. 9 is merely an illustration and is not intended to limit the structure of the electronic device. For example, electronic device 60 may also include more or fewer components than shown in FIG. 9, or have a different configuration than shown in FIG. 9.

In an exemplary embodiment, a computer-readable storage medium is further provided, and when executed by a processor of an electronic device, the instructions in the computer-readable storage medium enable the electronic device to perform the steps of any of the page presentation methods in the above embodiments.

In an exemplary embodiment, a computer program product is further provided, which includes a computer program, and the computer program is executed by a processor to implement the page display method provided in any one of the above embodiments.

It will be understood by those skilled in the art that all or part of the processes of the methods of the embodiments described above can be implemented by hardware instructions of a computer program, which can be stored in a non-volatile computer-readable storage medium, and when executed, can include the processes of the embodiments of the methods described above. Any reference to memory, storage, database, or other medium used in embodiments provided by the present disclosure may include non-volatile and/or volatile memory, among others. Non-volatile memory can include read-only memory (ROM), Programmable ROM (PROM), Electrically Programmable ROM (EPROM), Electrically Erasable Programmable ROM (EEPROM), or flash memory. Volatile memory can include Random Access Memory (RAM) or external cache memory. By way of illustration and not limitation, RAM is available in a variety of forms such as Static RAM (SRAM), Dynamic RAM (DRAM), Synchronous DRAM (SDRAM), Double Data Rate SDRAM (DDRSDRAM), Enhanced SDRAM (ESDRAM), Synchronous Link DRAM (SLDRAM), Rambus Direct RAM (RDRAM), direct bus dynamic RAM (DRDRAM), and memory bus dynamic RAM (RDRAM).

Other embodiments of the disclosure will be apparent to those skilled in the art from consideration of the specification and practice of the disclosure disclosed herein. This application is intended to cover any variations, uses, or adaptations of the disclosure following, in general, the principles of the disclosure and including such departures from the present disclosure as come within known or customary practice within the art to which the disclosure pertains. It is intended that the specification and examples be considered as exemplary only, with a true scope and spirit of the disclosure being indicated by the following claims.

It will be understood that the present disclosure is not limited to the precise arrangements described above and shown in the drawings and that various modifications and changes may be made without departing from the scope thereof. The scope of the present disclosure is limited only by the appended claims.

Claims

1. A page display method is characterized by comprising the following steps:

2. The page display method according to claim 1, wherein the content delivery network includes a plurality of edge servers, a topology structure is formed between the plurality of edge servers and the local client, each edge server has a corresponding internet protocol address, the target page obtaining instruction carries a domain name of the local client, and sending the target page obtaining instruction to the content delivery network includes:

sending the target page acquisition instruction to a target edge server;

3. A page display method is characterized by comprising the following steps:

4. The page display method according to claim 3, wherein the local content distribution network includes a plurality of edge servers, a topology structure is formed between the plurality of edge servers and the client, each edge server has a corresponding internet protocol address, the target page obtaining instruction carries a domain name of the client, and the receiving of the target page obtaining instruction sent by the client includes:

5. The page display method according to claim 4, wherein the obtaining, in response to the target page obtaining instruction, target page header information corresponding to the page identification information, and sending the target page header information to the client includes:

6. A page presentation system, comprising: a client, a content distribution network and a service server;

the content distribution network is used for responding to the target page acquisition instruction, acquiring the header information of the target page and sending the header information of the target page to the client; and the dynamic service data corresponding to the page identification information is acquired from the service server in the process that the client downloads the static resource data from the content distribution network according to the download address information; and for forwarding the dynamic service data to the client;

7. A page display apparatus, comprising:

8. A page display apparatus, comprising:

9. An electronic device, comprising:

a processor;

a memory for storing the processor-executable instructions;

wherein the processor is configured to execute the instructions to implement the page presentation method of any one of claims 1 to 5.

10. A computer-readable storage medium, wherein instructions, when executed by a processor of an electronic device, cause the electronic device to perform the page presentation method of any of claims 1 to 5.