CN110442811A

CN110442811A - A kind of processing method of the page, device, computer equipment and storage medium

Info

Publication number: CN110442811A
Application number: CN201910750332.4A
Authority: CN
Inventors: 纳勇林
Original assignee: Guangzhou Huya Technology Co Ltd
Current assignee: Guangzhou Huya Technology Co Ltd
Priority date: 2019-08-14
Filing date: 2019-08-14
Publication date: 2019-11-12

Abstract

The embodiment of the invention discloses a kind of processing method of page, device, computer equipment and storage mediums.This method comprises: receiving the request of client is sent one page of load；In response to the request, determination belongs to the page, compiled target pages document, and the target pages document has rendered the dynamic resource in the page head screen region；The target pages document is sent to the client, the client is used to belong to the page, compiled static resource from Resource Server acquisition, the static resource is rendered to the target pages document, the first screen region to show the page.The dynamic resource of page head screen is pulled and rendered in server-side, the rendering speed of page head screen can be improved, reduce the render time of page head screen, the speed of page head screen is shown in client to improve, since head screen is that the page can be brought to show fast effect to user seen in user.

Description

A kind of processing method of the page, device, computer equipment and storage medium

Technical field

The present embodiments relate to the technology of the page more particularly to a kind of processing methods of the page, device, computer equipment And storage medium.

Background technique

With the development of the page technologies such as WEB, H5, based on the page using more and more, the function of application also increases increasingly It is more.

Currently, receiving HMTL (the HyperText Markup that server returns after user end to server request page Language, hypertext markup language) document, which is that the frame of the page needs calling interface to pull without content Data, then the data pulled are filled into HMTL document.

During pulling data, the page only has frame without specific content, is presented Flushing status, and pulling data Time is longer, and the time for causing user to wait the page is longer.

Summary of the invention

The embodiment of the present invention provides processing method, device, computer equipment and the storage medium of a kind of page, to solve to draw It takes the time of the data in the page longer, user is caused to wait the time longer problem of the page.

In a first aspect, the embodiment of the invention provides a kind of processing methods of page, comprising:

Receive the request of client is sent one page of load；

In response to the request, it determines and belongs to the page, compiled target pages document, the target pages text Shelves have rendered the dynamic resource in the page head screen region；

The target pages document is sent to the client, the client is used to belong to from Resource Server acquisition The static resource is rendered to the target pages document, to show the page by page, the compiled static resource The first screen region in face.

Second aspect, the embodiment of the invention also provides a kind of processing methods of page, comprising:

Receive the operation of the display page；

In response to the operation, target pages text that belong to the page, compiled is determined to page server request Shelves, the target pages document have rendered the dynamic resource in the page head screen region；

Belong to the page, compiled static resource from Resource Server acquisition；

The static resource is rendered into the target pages document, the first screen region to show the page.

The third aspect, the embodiment of the invention also provides a kind of processing methods of page, comprising:

Obtain the source file for belonging to the page；

The source file is compiled as file destination, the file destination includes parent page document, first screen script, non-head Shield script and static resource, the first screen script is used to obtain dynamic resource in the page head screen region, described non- Head screen script is used to obtain the dynamic resource being located in the non-first screen region of the page；

The parent page document and the first screen script are distributed to page server；

The non-first screen script and the static resource are distributed to Resource Server.

Fourth aspect, the embodiment of the invention also provides a kind of processing units of page, comprising:

Request receiving module, for receiving client transmission, one page of load the request；

Target pages document determining module, in response to the request, determination to belong to the page, compiled mesh Page documents are marked, the target pages document has rendered the dynamic resource in the page head screen region；

Target pages document sends out module, for the target pages document to be sent to the client, the client For belonging to the page, compiled static resource from Resource Server acquisition, the static resource is rendered to described Target pages document, the first screen region to show the page.

5th aspect, the embodiment of the invention also provides a kind of processing units of page, comprising:

Receiving module is operated, for receiving the operation of the display page；

Target pages document request module, for being determined to page server request described in belonging in response to the operation The page, compiled target pages document, the target pages document have rendered dynamic in the page head screen region State resource；

Static resource obtains module, for belonging to the page, compiled static resource from Resource Server acquisition；

Static resource rendering module, for the static resource to be rendered to the target pages document, described in display The first screen region of the page.

6th aspect, the embodiment of the invention also provides a kind of processing units of page, comprising:

Source file obtains module, for obtaining the source file for belonging to the page；

File collector, for the source file to be compiled as file destination, the file destination includes parent page Document, first screen script, non-first screen script and static resource, the first screen script are located in the page head screen region for obtaining Dynamic resource, the non-first screen script is used to obtain and is located at the non-first dynamic resource shielded in region of the page；

First resource distribution module, for the parent page document and the first screen script to be distributed to Page Service Device；

Secondary resource distribution module, for the non-first screen script and the static resource to be distributed to Resource Server.

7th aspect, the embodiment of the invention also provides a kind of computer equipment, the computer equipment includes:

One or more processors；

Memory, for storing one or more programs；

When one or more of programs are executed by one or more of processors, so that one or more of processing Device realizes the processing method of the page as described in any in first aspect, second aspect, the third aspect.

Eighth aspect, the embodiment of the invention also provides a kind of computer readable storage mediums, are stored thereon with computer Program realizes the page as described in any in first aspect, second aspect, the third aspect when computer program is executed by processor The processing method in face.

In the present embodiment, the request of client is sent one page of load is received, in response to the request, determination belongs to The page, compiled target pages document, target pages document have rendered the dynamic resource in page head screen region, will Target pages document is sent to client, client be used to obtain from Resource Server belong to the page, it is compiled quiet Static resource is rendered to target pages document, the first screen region to show the page by state resource.For page rendering process and Speech, pulls and the device resource for rendering dynamic resource occupancy is higher, time-consuming more, and the performance of the equipment where server-side is general Than where client equipment be eager to excel, network environment generally than the equipment where client than it is good, therefore, pulled in server-side And the dynamic resource of page head screen is rendered, the rendering speed of page head screen can be improved, reduce the render time of page head screen, thus It improves and shows the speed of page head screen in client, since head screen is that the page can be brought to show fast effect to user seen in user Fruit.

Detailed description of the invention

Fig. 1 is a kind of flow chart of the processing method for page that the embodiment of the present invention one provides；

Fig. 2 is a kind of flow chart of the processing method of page provided by Embodiment 2 of the present invention；

Fig. 3 is a kind of flow chart of the processing method for page that the embodiment of the present invention three provides；

Fig. 4 is a kind of flow chart of the processing method for page that the embodiment of the present invention four provides；

Fig. 5 A to Fig. 5 C is a kind of exemplary diagram of the processing of page provided in an embodiment of the present invention；

Fig. 6 is a kind of structural schematic diagram of the processing unit for page that the embodiment of the present invention five provides；

Fig. 7 is a kind of structural schematic diagram of the processing unit for page that the embodiment of the present invention six provides；

Fig. 8 is a kind of structural schematic diagram of the processing unit for page that the embodiment of the present invention seven provides；

Fig. 9 is a kind of structural schematic diagram for computer equipment that the embodiment of the present invention eight provides.

Specific embodiment

The present invention is described in further detail with reference to the accompanying drawings and examples.It is understood that this place is retouched The specific embodiment stated is used only for explaining the present invention rather than limiting the invention.It also should be noted that in order to just Only the parts related to the present invention are shown in description, attached drawing rather than entire infrastructure.

Embodiment one

Fig. 1 is a kind of flow chart of the processing method for page that the embodiment of the present invention four provides, and the present embodiment provides one Frame, is used for exploration project (i.e. the page), which is integrally compiled and is distributed to page server, Resource Server.

For a client, since function is more, homepage can be developed according to primary frame, such as MWC (Model View Controller, model-view-controller), and second level or the second level page below, function are relatively easy, It can be developed according to frame provided by the present embodiment.

The present embodiment is applicable to the case where by the resource dissemination of the page to page server, Resource Server, the party Method can be executed by the processing unit of the page, and the processing unit of the page can be configurable on by software and or hardware realization In computer equipment, such as SVN (Subversion, version control system) etc., this method specifically comprises the following steps:

S101, acquisition belong to the source file of the page.

The source file of the page can refer to that writing the page using original language is formed by source program, which includes not The parent page document of compiling, uncompiled first screen script, uncompiled non-first screen script and uncompiled static resource.

S102, the source file is compiled as file destination.

In the concrete realization, after the source file user of the page writes completion, then compiler can be called, by project entirety (source file) is compiled as target program, and as file destination, after a compilation, which can directly be run.

By taking android system as an example, the process of translation and compiling environment Ubuntu, source file compiling are as follows:

1, source code is downloaded

Downloading and installation repo tool, repo tool are made of a series of python scripts, by calling Git order to realize Management to AOSP project.

Corresponding warehouse is being locallyd create for project, equally, code is being managed for convenience here, is creating one for it A file, behind all downloading source file and the file destination that compiles out be also all placed in this file.

It regard this document folder as warehouse, obtains newest generation on AOSP project master by executing initialization warehouse order Code simultaneously initializes the warehouse.

After initialization warehouse, so that it may to start the code of formal synchronous source file to locally.

2, translation and compiling environment is constructed

Translation and compiling environment is initialized by orders such as source build/envsetup.sh.

3, source code is compiled

After initializing translation and compiling environment, then enter the source code compilation phase, this stage includes two stages again: selection compiling Target and execute compiling.

Setting compiling target is instructed by lunch, so-called compiling target is exactly what the mirror image generated will operate in Equipment on.

It is instructed by make and carries out code compilation, which the number of threads for participating in compiling is arranged by-j parameter, with Improve compilation speed.

4, running simulation device

After compiling is completed, so that it may by running Android virtual machine to issue orders.

Certainly, above-mentioned Compilation Method is intended only as example, can be according to the actual situation (as grasped when implementing the present embodiment Make type, the version of system) other Compilation Methods are set, the embodiments of the present invention are not limited thereto.In addition, in addition to above-mentioned volume It translates outside method, those skilled in the art can also use other Compilation Methods according to actual needs, and the embodiment of the present invention is to this It is without restriction.

In the present embodiment, file destination include compiled parent page document, it is compiled first screen script, compiled Non- first screen script and compiled static resource.

Wherein, parent page document is the main body of the page, for transmitting the various information of the page, such as html document.

Head screen script, belongs to the script of description page behavior, and such as JavaScript file, in the present embodiment, head shield foot Originally can be used for obtaining the dynamic resource being located in page head screen region, so that the dynamic resource is rendered to parent page document In, as destination document, page head screen region is improved in the display speed of client.

Non- first screen script, belongs to the script of description page behavior, such as JavaScript file, in the present embodiment, non-head Screen script is used to obtain the dynamic resource being located in the non-first screen region of the page, so that the dynamic resource is rendered to target pages text In shelves, the non-first screen region of the page is loaded.

Static resource can refer to resource stable whithin a period of time, such as picture, CSS (Cascading Style Sheets, cascading style list) file etc., the static resource is for rendering to target pages document.

After source file are compiled as file destination, the modes such as Uglifyjs can be used, file destination is compressed, To reduce the size of file, network overhead is reduced.

S103, the parent page document and the first screen script are distributed to page server.

In the present embodiment, parent page document and first screen script after compiling can be distributed to page server.

Page server can refer to and provide the server of page access, i.e. page server curstomer-oriented end for client, Such as Node server, Vue server, Jquery server.

By taking Node server as an example, the following several parts of Node.js application:

1, it introduces required module: being loaded into Node.js module using require instruction.

2, it creates server: creating server using http.createServer () method, server can pass through The request of request parameter monitoring client.

3, receive request and respond request: client can send request, and server passes through response after receiving request Parameter returning response data.

Correspondingly, cooperate Node server, the page can refer to by the single-page or multi-page of React exploitation.

Reactk can create interactive UI, to state that formula writes UI (User Interface, user interface) for application Each Design of State view, when data change, React can effectively update and correctly render component.

For simple assemblies, the method that React component uses an entitled render () receives the data of input and return The content for needing to show, this literary style are referred to as JSX.The data being passed into can be in assembly by this.props in render () access.

For Stateful component, other than using external data (accessing by this.props), component can also be tieed up Protect its internal status data (accessing by this.state).When the status data of component changes, component can call again Render () method renders corresponding label again.

One easy Todo application can be created using props and state for application.

After the original object document, first screen script of memory page, for page server, it is possible to provide the page Access service.

In the concrete realization, page server can receive the request of client is sent one page of load, ask in response to this It asks, determination belongs to the page, compiled target pages document, and, target pages document is sent to client, wherein Target pages document has rendered the dynamic resource in page head screen region.

Further, it is determined that belonging to the page, compiled target pages document, comprising:

Lookup belongs to the page, compiled parent page document；

Obtain the dynamic resource for being located at page head screen region；

Dynamic resource is rendered in parent page document, target pages document is obtained.

Further, the dynamic resource for being located at the non-first screen region of the page is obtained, comprising:

Search first screen script that belong to the page, compiled；

The first screen script of operation, head screen script are used to obtain the dynamic resource being located in page head screen region.

Further, it is determined that belonging to the page, compiled target pages document, further includes:

Target pages document is stored into caching；

To target pages document setup effective time, effective time is used in time-out, removes target pages document.

It searches in the buffer and belongs to the page, compiled target pages document；

If finding, the target pages document is extracted from caching.

In the present embodiment, due to client, page server operation with embodiment two, three, four using basic phase Seemingly, so being described relatively simple, related place illustrates referring to the part of embodiment two, three, four, and the present embodiment is herein not It is described in detail.

In the present embodiment, page server is stored with original object document and first screen script, and head screen script can be used for obtaining Dynamic resource of the fetch bit in page head screen region, to render to the dynamic resource in parent page document, as target Document pulls for the process of page rendering and the device resource for rendering dynamic resource occupancy is higher, time-consuming more, and The performance of page server generally than where client equipment be eager to excel, network environment generally than the equipment where client than It is good, therefore, the dynamic resource of page head screen is pulled and rendered in page server, can be improved page head screen rendering speed, The render time of page head screen is reduced, so that raising shows the speed of page head screen in client, since head screen is user's finding, The page can be brought to show fast effect to user.

S104, the non-first screen script and the static resource are distributed to Resource Server.

In the present embodiment, non-first screen script and static resource after compiling can be distributed to Resource Server.

Resource Server is mutually indepedent with page server, non-in two or more pages for storing, distributing Head screen script, static resource, such as CDN (Content Delivery Network, content distributing network), Redis server etc..

By taking CDN as an example, by network place that node server constituted everywhere on existing network foundation One layer of intelligent virtual network, CDN according to the connection of network flow and each node, load state and can arrive client in real time Distance and the integrated informations such as response time the request of client is re-directed on the service node nearest from client so that Client family can obtain required content (static resource of such as non-first screen script, the page) nearby, solve the situation of network congestion, mention The response speed of height access, to reduce the time for obtaining content.

After the non-first screen script, static resource of memory page, for Resource Server, it is possible to provide the page Access service.

In the concrete realization, page server can receive the request of client is sent one page of load, ask in response to this Ask, determine and belong to the page, compiled non-first screen script and compiled static resource, and, by non-first screen script with it is quiet State resource is sent to client.

For client, static resource is rendered into the target pages document, the first screen region to show the page, And dynamic resource is rendered into the target pages document, with the non-first screen region of loading page.

Further, the dynamic resource being located in the non-first screen region of the page is obtained, comprising:

The non-first screen script for belonging to the page is obtained from Resource Server；

Non- first screen script is run, script is used to obtain the dynamic resource being located in the non-first screen region of the page.

In the present embodiment, Resource Server is stored with non-first screen script, static resource, and non-first screen script can be used for obtaining Dynamic resource in the non-first screen region of the page, to render to the dynamic resource in target pages document, for the page For the process of rendering, the resource that rendering static resource occupies is lower, time-consuming less, therefore, renders static resource in client, Time-consuming for rendering page head screen region influences seldom, and page server is towards multiple client, compared to page server The dynamic resource for rendering static resource, non-first screen region renders the dynamic resource of static resource, non-first screen region in client, Can the load of less page server browse the time in first screen region in user also, since non-first screen region is initially invisible The rendering in interior achievable non-first screen region, it is ensured that the complete display of the page.

Embodiment two

Fig. 2 is a kind of flow chart of the processing method of the page provided by Embodiment 2 of the present invention, and the present embodiment provides one Frame is used for exploration project (i.e. the page), which is integrally compiled and is distributed to page server, Resource Server, So-called compiling, the source program that can be write the page from original language with compiler generate the process of target program.

For a client, since function is more, homepage can be developed according to primary frame, such as MWC, And second level or the second level page below, function are relatively easy, can be developed according to frame provided by the present embodiment.

The page, the compiled page documents (such as HMTL document) are disposed, in Resource Server portion in page server Affix one's name to the page, compiled static resource.

So-called static resource can refer to resource fixed whithin a period of time, such as picture, CSS file.

The present embodiment is applicable to page server in the feelings of the dynamic data in the first screen region of the page documents rendering page Condition.

In a page, shield region relative to head, as non-first screen region.

So-called first screen region, when can refer to loading page, which is in the part in the visible area of screen.

So-called non-first screen region, when can refer to loading page, which is in the part outside the visible area of screen, The visible area that the non-first screen region can be moved to screen by the modes such as sliding, dragging is shown.

This method can be executed by the processing unit of the page, and the processing unit of the page can be by software and/or hardware It realizes, is configurable in computer equipment, such as page server, this method specifically comprises the following steps:

S201, the request for receiving client is sent one page of load.

In the concrete realization, computer equipment (such as page server) also provides other than providing page load service Page rendering service, including Node server, Vue server, Jquery server, etc..

One easy Todo application can be created using props and state for application.

In the present embodiment, client can (HyperText Transfer Protocol, hypertext pass by HTTP Defeated agreement), HTTPS (Hyper Text Transfer Protocol over Secure Socket Layer or Hypertext Transfer Protocol Secure, Hyper text transfer security protocol) etc. agreements, by the request of loading page It is sent to computer equipment (such as page server).

Wherein, the content of request may include the mark of the page of client request load and/or the feature of the page.The page Mark can be the information that can represent the page that one uniquely determines, such as uniform resource identifier (Uniform Resource Identifier, URI), uniform resource identifier can specifically include uniform resource locator (Uniform again Resource Locator, URL) or uniform resource name (Uniform Resource Name, URN) etc..

It should be noted that can concomitantly handle two or more for computer equipments such as Node servers Loading page request.

S202, in response to the request, determination belong to the page, compiled target pages document.

In computer equipment (such as page server), can be stored in advance two or more pages, it is compiled Parent page document.

Parent page document is the main body of the page, for transmitting the various information of the page.

Using html document as the example of page documents, html document belongs to the frame of the page, can indicate using how How the information for showing Web document (i.e. the page), link various information.It can be contained in the document that it is generated using html text There are other documents, or containing image, audio, video etc., to form hypertext.

Rendering is located at the dynamic resource in page head screen region in the parent page document, produces target pages text Shelves, i.e., target pages document has rendered the dynamic resource in page head screen region.

Wherein, dynamic resource can refer to real-time changed resource, which can be by those skilled in the art It is set according to actual conditions, the present embodiment is without restriction to this.

For example, the dynamic resource may include the data in ranking list, such as some user for the page of webcast website Ranking and its seniority among brothers and sisters numerical value (the popularity value of such as main broadcaster user, spectators user contribution margin, accompany the order numbers for playing user).

In the present embodiment, computer equipment (such as page server) is using compiled project as routing, in response to visitor The corresponding project of request (indicating with URL) is locally being searched in the request at family end.

If do not found, the wrong page, such as 404 pages are returned to client.

If found, target pages document that belong to the request corresponding page, compiled can be obtained.

Project higher for requirement of real-time, the lower project of requirement of real-time and the feelings such as uncached or cache invalidation Condition can generate target pages document in real time.

In this case, parent page document that belong to the page, compiled, such as html document can be searched, acquisition is located at The dynamic resource in page head screen region, dynamic resource is rendered in parent page document, obtains target pages document.

The project includes first screen script that belong to the page, compiled, and such as JavaScript file is stored in computer and sets Standby (such as page server).

Computer equipment (such as page server) can search first screen script that belong to the page, compiled, run first screen foot This, which shields script and is used to obtain the dynamic resource being located in page head screen region from service server.

Furthermore, if the project belongs to the lower project of requirement of real-time, target pages document can be stored Into caching, and, to target pages document setup effective time, effective time is used in time-out, removes target pages text Shelves, directly to extract target pages document within effective time.

Project lower for requirement of real-time and caching situations such as coming into force, can search in the buffer belong to the page, The target pages document of compiling extracts target pages document if finding from caching.

S203, the target pages document is sent to the client.

In the present embodiment, computer equipment (such as page server) can be by HTTP, HTTPS agreement, by client The target pages document of end requested page is sent to the client.

Client is used to belong to the page, compiled static resource from Resource Server acquisition, and static resource is rendered To target pages document, the first screen region to show the page.

In addition, for security reasons, search engine is usually to pull html document, it will not be to the script file of the inside It is parsed, will lead to website can not obtain effective search engine ranking；And in the present embodiment, it is dynamic that rendering is provided in server-side The target pages document of state data, has and gets the page comprising data using search engine, increases the exposure of project, thus The search engine ranking of raising project.

Embodiment three

Fig. 3 is a kind of flow chart of the processing method for page that the embodiment of the present invention three provides, and the present embodiment provides one Frame is used for exploration project (i.e. the page), which is integrally compiled and is distributed to page server, Resource Server, So-called compiling, the source program that can be write the page from original language with compiler generate the process of target program.

The present embodiment be applicable to client from page server obtain rendered dynamic data target pages document, from Resource Server obtains static resource, in first the case where shielding region of the target pages document rendering page.

In a page, shield region relative to head, as non-first screen region.

This method can be executed by the processing unit of the page, and the processing unit of the page can be by software and/or hardware Realize, be configurable in computer equipment, as mobile terminal (such as mobile phone, tablet computer, intelligent wearable device (such as smartwatch, Intelligent glasses etc.)) etc., this method specifically comprises the following steps:

S301, the operation for receiving the display page.

In the present embodiment, in computer equipment, operating system includes Android (Android), iOS, windows etc. Deng, can be installed in the operating system, run can loading page client, for example, live streaming application, browser, Instant Messenger News tool, search application, etc..

Application is broadcast live as the example of client, which can play real-time live video data, can also point First live video data is broadcast, other services can also be provided, such as object for appreciation service, game are accompanied in game.

For the client of the non-browsers such as application is broadcast live, Page Container can be configured, to show the page, for example, In In android system, the Page Container can be WebView, WebView be one based on webkit engine, show the page Control.

Under normal circumstances, the method that WebView has following two different is realized:

First method:

1, WebView component: WebView webView=new WebView (this) is instantiated in wanting Activity；

2, loadUrl () method of WebView is called, the WevView page to be shown is set:

It uses internet: webView.loadUrl (" http://www.***.com ")；

Local file is used: webView.loadUrl (" file: ///android_asset/XX.html ")；Local file It is stored in: in assets file；

3, setContentView () method of Activity is called to show page view；

4, in order to allow WebView to support Backward Function after showing multiple pages with WebView, Activity class is covered OnKeyDown () method；

5, permission is added in AndroidManifest.xml (root) file.

Second method:

1, WebView is stated in topology file；

2, WebView is instantiated in Activity；

3, loadUrl () method of WebView is called, WevView webpage to be shown is set；

4, in order to allow WebView to be able to respond hyperlink connection function, setWebViewClient () method, setting are called WebView view；

5, in order to allow WebView to support Backward Function after showing multiple pages with WebView, Activity class is covered OnKeyDown () method；

6, permission is added in AndroidManifest.xml file.

Certainly, the client of above-mentioned non-browser shows that the mode of the page is intended only as example, implements implementing the present invention Example when, can according to the actual situation (type, the version of such as operating system) be arranged other non-browsers client show page The mode in face, the present embodiment are without restriction to this.In addition, the client in addition to above-mentioned non-browser shows the mode of the page Outside, those skilled in the art can also be according to actual needs in such a way that the client of other non-browsers shows the page, this Embodiment is also without restriction to this.

In the present embodiment, client can in UI (User Interface, user interface) display operation element, such as Input field, control etc., user trigger the operation of a browsing pages on UI by the operation element.

For example, user can open a page by clicking control, or network address is inputted to open one in address field A page etc..When the user clicks when control, it is equivalent to the operation for having received the display page；Equally, when user is in address field When inputting network address and clicking confirming button or press enter key, it is equivalent to the operation for having received the display page.

S302, in response to the operation, belong to the page, compiled page object to page server request determination Face document.

In the present embodiment, client end response is operated in Client-initiated, by agreements such as HTTP, HTTPS, will load phase The request of the page is answered to be sent to page server.

Page server returns to respective page, compiled target pages document (such as in response to the request of client Html document), which has rendered the dynamic resource in page head screen region.

In a kind of mode of rendering, page server lookup belongs to the page, compiled parent page document；It obtains Dynamic resource positioned at page head screen region, dynamic resource is rendered in parent page document, obtains target pages document.

When obtaining the dynamic resource for being located at the non-first screen region of the page, first screen foot that belong to the page, compiled can be searched This；The first screen script of operation, head screen script are used to obtain the dynamic resource being located in page head screen region.

Further, page server can store target pages document into caching, have to target pages document setup It imitates the time, which is used in time-out, removes target pages document.

In the mode of another kind rendering, page server searches page object that belong to the page, compiled in the buffer Face document；If finding, target pages document is extracted from caching.

In the present embodiment, since page server returns to the application of the mode and embodiment one of target pages document substantially Similar, so being described relatively simple, related place illustrates that the present embodiment is not subject to herein referring to the part of embodiment one It is described in detail.

S303, belong to the page, compiled static resource from Resource Server acquisition.

Resource Server, it is mutually indepedent with page server, for storing the static money in two or more pages Source, such as CDN, Redis server.

By taking CDN as an example, by network place that node server constituted everywhere on existing network foundation One layer of intelligent virtual network, CDN according to the connection of network flow and each node, load state and can arrive client in real time Distance and the integrated informations such as response time the request of client is re-directed on the service node nearest from client so that Client family can obtain required content (static resource of such as page) nearby, solve the situation of network congestion, improve the sound of access Speed is answered, to reduce the time for obtaining content.

In the present embodiment, client sends asking for accession page to Resource Server by agreements such as HTTP, HTTPS It asks, Resource Server is in response to the request, by agreements such as HTTP, HTTPS, by static money that belong to the page, compiled Source is sent to client.

It should be noted that not distinguishing first screen region for the static resource of the page and non-head shielding region, i.e., should Static resource had both included the static resource positioned at first screen region, also included the static resource for belonging to non-first screen region.

S304, the static resource is rendered to the target pages document, the first screen region to show the page.

Static resource then can be rendered to page object after receiving target pages document, static resource by client Face document, to show the first screen region of the page in the visible area of the screen of computer equipment (such as mobile device).

In one example, the process for rendering static resource in the page is as follows:

1, client starts the source code for being loaded into html text, has a < link > in < head > label when detecting When label, CSS file is quoted；

2, client continues the code for being loaded into the part < body > in html text, and CSS file is already loaded at this time, can To start to render the page；

3, when detecting a < img > label in html text when client, a picture is referred to；

4, since picture occupies certain area, the arrangement of subsequent paragraphs is affected, therefore client may render again This partial code.

In the present embodiment, the operation for receiving the display page belongs in response to the operation to page server request determination The page, compiled target pages document, target pages document have rendered the dynamic resource in page head screen region, from Resource Server acquisition belongs to the page, compiled static resource, and static resource is rendered to target pages document, with display The first screen region of the page.For the process of page rendering, the resource that rendering static resource occupies is lower, time-consuming less, because This, renders static resource in client, seldom for the time effects in the first screen region of the rendering page, also, non-first screen region Initial invisible, page server shields region towards multiple client, compared to page server rendering static resource, non-head Dynamic resource renders the dynamic resource of static resource, non-first screen region in client, page head screen is rendered in page server Dynamic resource, the rendering speed of page head screen can be improved, reduce the render time of page head screen, to improve aobvious in client The speed for showing page head screen, since head screen is that the page can be brought to show fast effect to user seen in user.

Furthermore for the process of page rendering, the resource that rendering static resource occupies is lower, time-consuming less, therefore, Static resource is rendered in client, time-consuming for rendering page head screen region influences seldom, and page server is towards multiple visitors Family end, compared to page server rendering static resource, the dynamic resource in non-first screen region, client render static resource, The dynamic resource in non-first screen region, can less page server load.

Example IV

Fig. 4 is a kind of flow chart of the processing method for page that the embodiment of the present invention four provides, and the present embodiment is with aforementioned reality Based on applying example, the processing operation for rendering non-first screen region is further increased.This method specifically comprises the following steps:

S401, the operation for receiving the display page.

S402, in response to the operation, belong to the page, compiled page object to page server request determination Face document.

Wherein, target pages document has rendered the dynamic resource in page head screen region.

S403, belong to the page, compiled static resource from Resource Server acquisition.

S404, the static resource is rendered to the target pages document, the first screen region to show the page.

S405, the dynamic resource being located in the non-first screen region of the page is obtained.

In the concrete realization, dynamic resource can refer to real-time changed resource, which can be by this field Technical staff is set according to actual conditions, and the present embodiment is without restriction to this.

In a kind of acquisition modes, which includes non-first screen script that belong to the page, compiled, such as JavaScript File is stored in Resource Server.

In the manner, client can obtain the non-first screen script for belonging to the page from Resource Server, and, it is non-to run this Head screen script, the script are used to obtain the dynamic resource being located in the non-first screen region of the page.

In order to improve the speed of page load, after client sends the request of accession page to Resource Server, resource Server can return to static resource and non-first screen script together.

Certainly, client independently can also obtain static resource and non-first screen script, this implementation from Resource Server Example is without restriction to this.

S406, the dynamic resource is rendered to the target pages document, the non-first screen region to load the page.

The dynamic resource that client will belong to non-first screen region renders to target pages document (such as html document), then can be with Complete the load in the non-first screen region of the page.

During user's browsing pages, non-first screen region can be moved into computer by the operation such as dragging, sliding The visible area of the screen of equipment (such as mobile terminal), first screen region non-at this time are in visibility status.

In the present embodiment, client obtains the dynamic resource being located in the non-first screen region of the page, and dynamic resource is rendered Shield region to target pages document, with the non-head of loading page, page server is towards multiple client, compared to Page Service The dynamic resource in the non-first screen region of device renders the dynamic resource of non-first screen in client, can less page server load, and And since non-first screen region is initially invisible, the rendering in achievable non-first screen region within the time that user browses first screen region, It can guarantee the complete display of the page.

To make those skilled in the art more fully understand the present embodiment, illustrate the present embodiment below by way of specific example The processing method of the middle page.

It is entitled " accompanying the big refreshing list of object for appreciation " for the ranking list (page) of a live streaming application, object for appreciation business is accompanied with to offer User carries out ranking.

As shown in Figure 5A, page server 510 stores the JavaScript text of the HMTL document of the ranking list, first screen region Part, CDN520 stores the CSS file of the ranking list, (such as background places an order, user's badge, ranking ranking, list explanation, page picture Number etc.), the JavaScript file in non-first screen region.

The installation live streaming application in mobile terminal 530.

As shown in Figure 5 B, user starts the live streaming application, and clicks " accompanying object for appreciation " column, at this point, display " accompanying the big refreshing list of object for appreciation " Entrance object.

User clicks the entrance object, the operation of triggering display ranking list.

In response to the operation, it is broadcast live and applies the request for sending load ranking list to page server 510.

Page server 510 searches whether the project there are the ranking list.

If page server 510 returns to 404 pages to application is broadcast live without corresponding project.

If there is corresponding project, whether page server 510 judges the project using caching.

If caching is not used, the JavaScript file in first screen region is run, pulls the row from service server 540 Be located at the precedence data in first screen region in row list, such as be ranked first -5 user's head portrait of user, user's pet name, order amount, The precedence data for being located at first screen region is rendered into html document.

If having used caching, further judge whether caching is expired.

If not out of date, the precedence data html document for having rendered and being located at first screen region is extracted.

If out of date, the JavaScript file in first screen region is run, pulls the ranking list from service server 540 In be located at the precedence data in first screen region, such as be ranked first -5 user's head portrait of user, user's pet name, order amount, by this Precedence data positioned at first screen region renders to html document.

It caches, for being not used using caching but having expired situation, the ranking number for being located at first screen region will have been rendered It is written and caches according to html document, and effective time is set.

Page server 510 is sent to live streaming application for the precedence data html document for being located at first screen region has been rendered.

Live streaming application pulls the JavaScript file of CSS file, picture and non-first screen region from CDN520.

As shown in Figure 5 C, CSS file, picture are rendered to html document by live streaming application, can show first screen region 551.

As shown in Figure 5 C, live streaming application runs the JavaScript file in non-first screen region, pulls from service server 540 Be located at the precedence data in non-first screen region in the ranking list, as 6-10 users of ranking user's head portrait, user's pet name, connect The precedence data for being located at non-first screen region is rendered to html document, non-first screen region 552 can be loaded, to user by single amount etc. When slide downward, then non-first screen region 552 can be shown.

Embodiment five

Fig. 6 is a kind of structural schematic diagram of the processing unit for page that the embodiment of the present invention five provides, which specifically may be used To include following module:

Request receiving module 601, for receiving client transmission, one page of load the request；

Target pages document determining module 602, in response to the request, determination to belong to the page, compiled Target pages document, the target pages document rendered the dynamic resource in the page head screen region；

Target pages document sends out module 603, for the target pages document to be sent to the client, the client The static resource is rendered to institute for belonging to the page, compiled static resource from Resource Server acquisition by end State target pages document, the first screen region to show the page.

In one embodiment of the invention, the target pages document determining module 602 includes:

Parent page file search submodule, for searching parent page document that belong to the page, compiled；

Head screen dynamic resource acquisition submodule, for obtaining the dynamic resource for being located at the page head screen region；

Dynamic resource renders submodule, for rendering to the dynamic resource in the parent page document, obtains mesh Mark page documents.

In one embodiment of the invention, the first screen dynamic resource acquisition submodule includes:

Head screen script searching unit, for searching first screen script that belong to the page, compiled；

Head screen script running unit, for running the first screen script, the first screen script is located at the page for obtaining Dynamic resource in kept man of a noblewoman's screen region.

In one embodiment of the invention, the target pages document determining module 602 further include:

Target pages document cache sub-module, for storing the target pages document into caching；

Submodule is arranged in effective time, for the target pages document setup effective time, the effective time to be used In in time-out, removing the target pages document.

Target pages file search submodule, for searching page object that belong to the page, compiled in the buffer Face document；

Target pages document extracting sub-module, if extracting the target pages text from the caching for finding Shelves.

The page provided by any embodiment of the invention can be performed in the processing unit of the page provided by the embodiment of the present invention Processing method, have the corresponding functional module of execution method and beneficial effect.

Embodiment six

Fig. 7 is a kind of structural schematic diagram of the processing unit for page that the embodiment of the present invention six provides, which specifically may be used To include following module:

Receiving module 701 is operated, for receiving the operation of the display page；

Target pages document request module 702, for belonging to institute to page server request determination in response to the operation The page, compiled target pages document is stated, the target pages document has rendered in the page head screen region Dynamic resource；

Static resource obtains module 703, for obtaining static money that belong to the page, compiled from Resource Server Source；

Static resource rendering module 704, for the static resource to be rendered to the target pages document, to show State the first screen region of the page.

In one embodiment of the invention, further includes:

Non- first screen dynamic resource obtains module, for obtaining the dynamic resource being located in the non-first screen region of the page；

Dynamic resource rendering module, for the dynamic resource to be rendered to the target pages document, described in load The non-first screen region of the page.

In one embodiment of the invention, the non-first screen dynamic resource acquisition module includes:

Non- first screen script acquisition submodule, for obtaining the non-first screen script for belonging to the page from Resource Server；

Non- first screen script operation submodule, for running the non-first screen script, the script is for obtaining positioned at described Dynamic resource in the non-first screen region of the page.

Embodiment seven

Fig. 8 is a kind of structural schematic diagram of the processing unit for page that the embodiment of the present invention seven provides, which specifically may be used To include following module:

Source file obtains module 801, for obtaining the source file for belonging to the page；

File collector 802, for the source file to be compiled as file destination, the file destination includes original page Face document, first screen script, non-first screen script and static resource, the first screen script are located at the page head screen region for obtaining In dynamic resource, the non-first screen script is used to obtain and is located at the non-first dynamic resource shielded in region of the page；

First resource distribution module 803, for the parent page document and the first screen script to be distributed to page clothes Business device；

Secondary resource distribution module 804, for the non-first screen script and the static resource to be distributed to resource service Device.

In one embodiment of the invention, further includes:

File destination compression module, for being compressed to the file destination.

Embodiment eight

Fig. 9 is a kind of structural schematic diagram for computer equipment that the embodiment of the present invention eight provides.As shown in figure 9, the calculating Machine equipment includes processor 900, memory 901, communication module 902, input unit 903 and output device 904；Computer equipment The quantity of middle processor 900 can be one or more, in Fig. 9 by taking a processor 900 as an example；Processing in computer equipment Device 900, memory 901, communication module 902, input unit 903 and output device 904 can be connected by bus or other modes It connects, in Fig. 9 for being connected by bus.

Memory 901 is used as a kind of computer readable storage medium, can be used for storing software program, journey can be performed in computer Sequence and module, if the corresponding module of the processing method of the page in the present embodiment is (for example, the processing of the page as shown in FIG. 6 Request receiving module 601, target pages document determining module 602 and target pages document in device send out module 603；Alternatively, Operation receiving module 701, target pages document request module 702, static resource in the processing unit of the page as shown in Figure 7 Obtain module 703 and static resource rendering module 704；Alternatively, the source file in the processing unit of the page as shown in Figure 8 obtains Module 801, file collector 802, first resource distribution module 803 and Secondary resource distribution module 804).Processor 900 is logical Software program, instruction and module that operation is stored in memory 901 are crossed, is answered thereby executing the various functions of computer equipment With and data processing, that is, realize the processing method of the above-mentioned page.

Memory 901 can mainly include storing program area and storage data area, wherein storing program area can store operation system Application program needed for system, at least one function；Storage data area, which can be stored, uses created number according to computer equipment According to etc..In addition, memory 901 may include high-speed random access memory, it can also include nonvolatile memory, such as extremely A few disk memory, flush memory device or other non-volatile solid state memory parts.In some instances, memory 901 It can further comprise the memory remotely located relative to processor 900, these remote memories can be by being connected to the network extremely Computer equipment.The example of above-mentioned network include but is not limited to internet, intranet, local area network, mobile radio communication and its Combination.

Communication module 902 for establishing connection with display screen, and realizes the data interaction with display screen.Input unit 903 It can be used for receiving the number or character information of input, and generate related with the user setting of computer equipment and function control Key signals input.

The processing method for the page that any embodiment of the present invention provides can be performed in computer equipment provided in this embodiment, Specific corresponding function and beneficial effect.

Embodiment nine

The embodiment of the present invention nine also provides a kind of computer readable storage medium, is stored thereon with computer program, the meter Calculation machine program realizes a kind of processing method of page when being executed by processor.

In oneainstance, this method comprises:

Receive the request of client is sent one page of load；

In another scenario, this method comprises:

Receive the operation of the display page；

In another situation, this method comprises:

Obtain the source file for belonging to the page；

Certainly, computer readable storage medium provided by the embodiment of the present invention, computer program are not limited to institute as above The method operation stated, can also be performed the relevant operation in the processing method of the page provided by any embodiment of the invention.

By the description above with respect to embodiment, it is apparent to those skilled in the art that, the present invention It can be realized by software and required common hardware, naturally it is also possible to which by hardware realization, but in many cases, the former is more Good embodiment.Based on this understanding, technical solution of the present invention substantially in other words contributes to the prior art Part can be embodied in the form of software products, which can store in computer readable storage medium In, floppy disk, read-only memory (Read-Only Memory, ROM), random access memory (Random such as computer Access Memory, RAM), flash memory (FLASH), hard disk or CD etc., including some instructions are with so that a computer is set Standby (can be personal computer, server or the network equipment etc.) executes method described in each embodiment of the present invention.

It is worth noting that, in the embodiment of the processing unit of the above-mentioned page, included each unit and module are It is divided according to the functional logic, but is not limited to the above division, as long as corresponding functions can be realized；Separately Outside, the specific name of each functional unit is also only for convenience of distinguishing each other, the protection scope being not intended to restrict the invention.

Note that the above is only a better embodiment of the present invention and the applied technical principle.It will be appreciated by those skilled in the art that The invention is not limited to the specific embodiments described herein, be able to carry out for a person skilled in the art it is various it is apparent variation, It readjusts and substitutes without departing from protection scope of the present invention.Therefore, although being carried out by above embodiments to the present invention It is described in further detail, but the present invention is not limited to the above embodiments only, without departing from the inventive concept, also It may include more other equivalent embodiments, and the scope of the invention is determined by the scope of the appended claims.

Claims

1. a kind of processing method of the page characterized by comprising

Receive the request of client is sent one page of load；

In response to the request, determination belongs to the page, compiled target pages document, and the target pages document is Rendering has the dynamic resource in the page head screen region；

The target pages document is sent to the client, the client is used to belong to from Resource Server acquisition described The static resource is rendered to the target pages document, to show the page by the page, the compiled static resource Head screen region.

2. the method according to claim 1, wherein the determination belongs to the page, compiled target Page documents, comprising:

Lookup belongs to the page, compiled parent page document；

Obtain the dynamic resource for being located at the page head screen region；

The dynamic resource is rendered in the parent page document, target pages document is obtained.

3. according to the method described in claim 2, it is characterized in that, described obtain the dynamic for being located at the non-first screen region of the page Resource, comprising:

Search first screen script that belong to the page, compiled；

The first screen script is run, the first screen script is used to obtain the dynamic resource being located in the page head screen region.

4. according to the method described in claim 2, it is characterized in that, the determination belongs to the page, compiled target Page documents, further includes:

The target pages document is stored into caching；

To the target pages document setup effective time, the effective time is used in time-out, removes the target pages Document.

5. method according to claim 1-4, which is characterized in that the determination belong to the page, compiled The target pages document translated, comprising:

If finding, the target pages document is extracted from the caching.

6. a kind of processing method of the page characterized by comprising

Receive the operation of the display page；

In response to the operation, belong to the page, compiled target pages document, institute to page server request determination It states target pages document and has rendered the dynamic resource in the page head screen region；

7. according to the method described in claim 6, it is characterized by further comprising:

Obtain the dynamic resource being located in the non-first screen region of the page；

The dynamic resource is rendered into the target pages document, the non-first screen region to load the page.

8. the method according to the description of claim 7 is characterized in that described obtain is located at moving in the non-first screen region of the page State resource, comprising:

The non-first screen script is run, the script is used to obtain the dynamic resource being located in the non-first screen region of the page.

9. a kind of processing method of the page characterized by comprising

Obtain the source file for belonging to the page；

The source file is compiled as file destination, the file destination includes parent page document, first screen script, non-first screen foot This and static resource, the first screen script are used to obtain the dynamic resource being located in the page head screen region, the non-first screen Script is used to obtain the dynamic resource being located in the non-first screen region of the page；

10. according to the method described in claim 9, it is characterized in that, it is described by the source file be compiled as file destination it Afterwards, further includes:

The file destination is compressed.

11. a kind of processing unit of the page characterized by comprising

Target pages document determining module, in response to the request, determination to belong to the page, compiled page object Face document, the target pages document have rendered the dynamic resource in the page head screen region；

Target pages document sends out module, and for the target pages document to be sent to the client, the client is used for Belong to the page, compiled static resource from Resource Server acquisition, the static resource is rendered into the target Page documents, the first screen region to show the page.

12. a kind of processing unit of the page characterized by comprising

Target pages document request module, for belonging to the page to page server request determination in response to the operation , compiled target pages document, the target pages document rendered the dynamic in the page head screen region Resource；

Static resource rendering module, for the static resource to be rendered to the target pages document, to show the page First screen region.

13. a kind of processing unit of the page characterized by comprising

File collector, for the source file to be compiled as file destination, the file destination include parent page document, Head screen script, non-head screen script and static resource, the first screen script are used to obtain dynamic in the page head screen region State resource, the non-first screen script are used to obtain the dynamic resource being located in the non-first screen region of the page；

First resource distribution module, for the parent page document and the first screen script to be distributed to page server；

14. a kind of computer equipment, which is characterized in that the computer equipment includes:

One or more processors；

Memory, for storing one or more programs；

When one or more of programs are executed by one or more of processors, so that one or more of processors are real The now processing method of the page as described in any in claim 1-10.

15. a kind of computer readable storage medium, is stored thereon with computer program, which is characterized in that the computer program quilt The processing method of the page as described in any in claim 1-10 is realized when processor executes.