Render the methods, devices and systems of webpage
Technical field
The application is related to Internet technical field, more particularly to a kind of methods, devices and systems for rendering webpage.
Background technology
When user accesses webpage by mobile terminal, generally need to click on requested webpage by user, move
Moved end software processing, mobile terminal are networked, domain name system (Domain Name System, DNS) is parsed,
Set up transmission control protocol (Transmission Control Protocol, TCP) link, safe transmission
Layer protocol (Transport Layer Security Protocol, TLS) shakes hands, sends Hyper text transfer
Agreement (HyperText Transfer Protocol, HTTP) request, service end Business Processing, download
Page data, according to download page data render webpage.
Above-mentioned flow causes the page rendering stand-by period long, reduces Consumer's Experience.
The content of the invention
The application is intended at least solve to a certain extent one of technical problem in correlation technique.
Therefore, a purpose of the application is to propose a kind of method for rendering webpage, the method can be reduced
Webpage renders the stand-by period, lifts Consumer's Experience.
Further object is to propose a kind of device for rendering webpage.
Further object is to propose a kind of system for rendering webpage.
To reach above-mentioned purpose, the method for rendering webpage that the application first aspect embodiment is proposed, including:
In operation flow before the webpage to be shown, the partial page data of the webpage are downloaded from service end;
In webpage described in user's request, the remaining page data of the webpage is obtained from service end;According to the portion
Dividing page data and the remaining page data carries out webpage and renders, and shows the webpage.
The method for rendering webpage that the application first aspect embodiment is proposed, by before the webpage to be shown
Operation flow in, download webpage partial page data, it is possible to achieve to partial page data in advance under
Carry, so as to when rendering, it is possible to reduce client is interacted with service end, reduce webpage render it is required etc.
Treat the time, lift Consumer's Experience.
To reach above-mentioned purpose, the method for rendering webpage that the application second aspect embodiment is proposed, including:
In operation flow before the webpage to be shown, by the partial page data is activation of the webpage to client
End;The request of the remaining page data of acquisition that client sends is received, and according to acquisition request residue page
Face data;The remaining page data is sent to client, so that the client is according to the partial page
Face data and the remaining page data carry out webpage and render and show the webpage.
The method for rendering webpage that the application second aspect embodiment is proposed, by before the webpage to be shown
Operation flow in, by the partial page data is activation of webpage to client, it is possible to achieve client is to part
The download in advance of page data, so as to when rendering, it is possible to reduce client is interacted with service end, reduces
Webpage renders the required stand-by period, lifts Consumer's Experience.
To reach above-mentioned purpose, the device for rendering webpage that the application third aspect embodiment is proposed, including:
First download module, for the operation flow before the webpage to be shown in, download the net from service end
The partial page data of page;Second download module, in webpage described in user's request, being obtained from service end
Take the remaining page data of the webpage;Rendering module, for according to partial page data and described surplus
Remaining page data carries out webpage and renders, and shows the webpage.
The device for rendering webpage that the application third aspect embodiment is proposed, by before the webpage to be shown
Operation flow in, download webpage partial page data, it is possible to achieve to partial page data in advance under
Carry, so as to when rendering, it is possible to reduce client is interacted with service end, reduce webpage render it is required etc.
Treat the time, lift Consumer's Experience.
To reach above-mentioned purpose, the device for rendering webpage that the application fourth aspect embodiment is proposed, including:
First sending module, for the operation flow before the webpage to be shown in, by the partial page of the webpage
Face data is activation is to client;Acquisition module, for receiving the remaining page data of acquisition that client sends
Request, and according to acquisition request residue page data;Second sending module, for by the remaining page
Face data is activation is to client, so that the client is according to the partial page data and the remaining page
Data carry out webpage and render and show the webpage.
The device for rendering webpage that the application fourth aspect embodiment is proposed, by before the webpage to be shown
Operation flow in, by the partial page data is activation of webpage to client, it is possible to achieve client is to part
The download in advance of page data, so as to when rendering, it is possible to reduce client is interacted with service end, reduces
Webpage renders the required stand-by period, lifts Consumer's Experience.
To reach above-mentioned purpose, the system for rendering webpage that the aspect embodiment of the application the 5th is proposed, including:
The device that the application third aspect embodiment is proposed, and, the device that the application fourth aspect embodiment is proposed.
The system for rendering webpage that the aspect embodiment of the application the 5th is proposed, by before the webpage to be shown
Operation flow in, client from service end download webpage partial page data, it is possible to achieve to partial page
The download in advance of face data, so as to when rendering, it is possible to reduce client is interacted with service end, reduces net
Page renders the required stand-by period, lifts Consumer's Experience.
The aspect and advantage that the application is added will be set forth in part in the description, and will partly be retouched from following
Become obvious in stating, or recognized by the practice of the application.
Brief description of the drawings
The above-mentioned and/or additional aspect of the application and advantage are from the following description of the accompanying drawings of embodiments
Will be apparent and be readily appreciated that, wherein:
Fig. 1 is the schematic flow sheet of the method for rendering webpage that the embodiment of the application one is proposed;
Fig. 2 is the schematic flow sheet of the method for rendering webpage that another embodiment of the application is proposed;
Fig. 3 is the schematic flow sheet of the method for rendering webpage that another embodiment of the application is proposed;
Fig. 4 is the schematic flow sheet of the method for rendering webpage that another embodiment of the application is proposed;
Fig. 5 is the structural representation of the device for rendering webpage that another embodiment of the application is proposed;
Fig. 6 is the structural representation of the device for rendering webpage that another embodiment of the application is proposed;
Fig. 7 is the structural representation of the system for rendering webpage that another embodiment of the application is proposed.
Specific embodiment
Embodiments herein is described below in detail, the example of the embodiment is shown in the drawings, wherein certainly
Beginning to same or similar label eventually represents same or similar module or the mould with same or like function
Block.Embodiment below with reference to Description of Drawings is exemplary, is only used for explaining the application, and can not
It is interpreted as the limitation to the application.Conversely, embodiments herein includes falling into attached claims
All changes, modification and equivalent in the range of spirit and intension.
Fig. 1 is the schematic flow sheet of the method for rendering webpage that the embodiment of the application one is proposed, the method bag
Include:
S11:In operation flow before the webpage to be shown, the part of the webpage is downloaded from service end
Page data.
It is the mobile terminal after user clicks on requested webpage so that client is mobile terminal as an example in correlation technique
Just start itself treatment and interacted with service end, from the page data of the webpage of service end download request, by
It is more long with service end interaction flow in mobile terminal, will result in the stand-by period that webpage renders long.
In the present embodiment, can be in the operation flow before the webpage to be shown, the download part page in advance
Data, to reduce the time of needs.
It is determined that after the webpage to be shown, can rule of thumb or the rational selection such as actual conditions is downloaded in advance
Operation flow before partial page data.
For example, the webpage to be shown is to pay the page, the operation flow before selection can access commodity
The operation flow of details page.
The partial page data downloaded in operation flow before can be specifically page framework data, the page
Frame data can include:HTML (Hyper Text Mark-up Language,
HTML) file, CSS (Cascading style Sheet, CSS), script file (JAVASCIPT)
With image (IMAGES).
S12:When the webpage is asked, the remaining page data of the webpage is obtained from service end.
For example, it is mobile-terminated receive user access the webpage to be shown request when, can be carried out with service end
Interaction, service end carries out Business Processing, obtains remaining page data, and be sent to mobile terminal.
Remaining page data can be specifically business datum, so that webpage is the payment page as an example, business datum example
Such as it is the amount of money to be paid.
S13:Webpage is carried out according to the partial page data and the remaining page data to render, show institute
State webpage.
In some embodiments, referring to Fig. 2, webpage wash with watercolours is carried out according to partial page data and remaining page data
The flow of dye can include:
S131:When receiving the request of user's access webpage, according to the partial page data render institute
State the page framework of webpage.
For example, after the mobile-terminated access request for receiving user's transmission, on the one hand can be interacted with service end,
So as to obtain business datum, on the other hand, can be according to the partial page data render page frame downloaded before
Frame.
S132:After the business datum is got, the business datum is filled into the page framework
In corresponding business.
For example, after the amount of money to be paid is got, the amount of money numerical value of acquisition is filled into wanting for page framework
At the position of the amount of money of payment.And after for example, getting the data such as the contact details of user, by contact details
It is filled at corresponding user data position.
In the present embodiment, by the operation flow before the webpage to be shown, downloading the partial page of webpage
Face data, it is possible to achieve the download in advance to partial page data, so as to when rendering, it is possible to reduce client
End interacts with service end, reduces webpage and renders the required stand-by period, lifts Consumer's Experience.
Fig. 3 is the schematic flow sheet of the method for rendering webpage that another embodiment of the application is proposed, the method bag
Include:
S31:In operation flow before the webpage to be shown, the partial page data of the webpage are sent out
Give client.
For example, the webpage to be shown is to pay the page, operation flow before is, for example, detailed user's access commodity
The flow of feelings page.
Partial page data are, for example, page framework data, and page framework data for example include:Html file,
CSS, script file and image.
Client can specifically refer to mobile terminal.
S32:The request of the remaining page data of acquisition that client sends is received, and according to the acquisition request
Remaining page data.
For example, when user will access the payment page, user can send to access to client and pay asking for the page
Ask, after client receives the request that the access pays the page, can be sent to service end and obtain the remaining page
The request of data.
Remaining page data is, for example, business datum, and service end receives the acquisition business datum of client transmission
Request after, corresponding business datum, such as payment, user profile can be obtained.
S33:The remaining page data is sent to client, so that the client is according to the part
Page data and the remaining page data carry out webpage and render and show the webpage.
For example, business datum is sent to client by service end, so as to client according to page framework data and
Business datum carries out webpage and renders.
In the present embodiment, by the operation flow before the webpage to be shown in, by the partial page of webpage
Data is activation is to client, it is possible to achieve in advance download of the client to partial page data, so as to render
When, it is possible to reduce client is interacted with service end, is reduced webpage and is rendered the required stand-by period, and lifting is used
Experience at family.
Fig. 4 is the schematic flow sheet of the method for rendering webpage that another embodiment of the application is proposed, the method bag
Include:
S401:User sends the request for accessing item detail page to mobile phone terminal.
S402:Mobile phone terminal treatment.
S403:Mobile phone terminal carries out dns resolution with network.
S404:Mobile phone terminal is set up TCP and is linked with network.
S405:Network is set up TCP and is linked with service end.
S406:Mobile phone terminal carries out TLS and shakes hands with network.
S407:Network carries out TLS and shakes hands with service end.
S408:Mobile phone terminal sends HTTP request to network.
S409:Network sends HTTP request to service end.
Above-mentioned particular content can be realized using the flow in correlation technique.
S410:Service end returns to the page of no data.
It is understood that because the page to be shown is as a example by paying the page, the page of no data herein
Refer to that the payment page is no data.
Due to when user accesses commodity details page, in addition it is also necessary to obtain the content of commodity details page, therefore, clothes
Business end can be processed for commodity details page, and the content of commodity details page is returned to user.
S411:Service end is returned to network and responded.
S412:Network is returned to mobile phone terminal and responded.
S413:Mobile phone terminal downloads page framework data from service end.
Page framework data for example include:Html file, CSS, script file (JAVASCIPT) and figure
As (IMAGES).
S414:User sends the request for accessing and paying the page to mobile phone terminal.
User can send asking for the access payment page by clicking on payment button after placing an order to mobile phone terminal
Ask.
S415:The page framework data that mobile phone terminal was downloaded according to before carry out page framework and render, and displaying pays
The page framework of the page.
S416:Mobile phone terminal sends the request for obtaining business datum to network.
S417:Network sends the request for obtaining business datum to service end.
S418:Service end carries out Business Processing, obtains business datum.
S419:Service end sends business datum to network.
S420:Network sends business datum to mobile phone terminal.
S421:Mobile phone terminal updates page data, and the business datum of reception is filled into the corresponding position of page framework
Put.
For example, after the amount of money to be paid is got, the amount of money numerical value of acquisition is filled into wanting for page framework
At the position of the amount of money of payment.And after for example, getting the data such as the contact details of user, by contact details
It is filled at corresponding user data position.
In the present embodiment, page framework data and business datum are separated into by by overall page data, can
, when commodity details page is accessed, the page framework data for paying the page are obtained with by user, it is possible to achieve portion
Divide the download in advance of page data, so as to when user accesses and pays the page, be interacted by primary network
The remaining business datum for needing is obtained, the stand-by period of user is greatly reduced.In addition, by obtaining business
Business datum is filled into corresponding position after data, it is possible to achieve the asynchronous filling of business datum, realizes page
The normal presentation in face.Further, user access pay the page when, mobile phone terminal on the one hand can be with service
End interacts acquisition business datum, the page framework data render that on the other hand can also be downloaded according to before
Page framework, can further reduce the stand-by period of user when rendering.
Fig. 5 is the structural representation of the device for rendering webpage that another embodiment of the application is proposed, the device
50 include:First download module 51, the second download module 52 and rendering module 53.
First download module 51, for the operation flow before the webpage to be shown in, under service end
Carry the partial page data of the webpage.
It is the mobile terminal after user clicks on requested webpage so that client is mobile terminal as an example in correlation technique
Just start itself treatment and interacted with service end, from the page data of the webpage of service end download request, by
It is more long with service end interaction flow in mobile terminal, will result in the stand-by period that webpage renders long.
In the present embodiment, can be in the operation flow before the webpage to be shown, the download part page in advance
Data, to reduce the time of needs.
It is determined that after the webpage to be shown, can rule of thumb or the rational selection such as actual conditions is downloaded in advance
Operation flow before partial page data.
For example, the webpage to be shown is to pay the page, the operation flow before selection can access commodity
The operation flow of details page.
The partial page data downloaded in operation flow before can be specifically page framework data, the page
Frame data can include:HTML (Hyper Text Mark-up Language,
HTML) file, CSS (Cascading style Sheet, CSS), script file (JAVASCIPT)
With image (IMAGES).
Second download module 52, in webpage described in user's request, the webpage being obtained from service end
Remaining page data.
For example, it is mobile-terminated receive user access the webpage to be shown request when, can be carried out with service end
Interaction, service end carries out Business Processing, obtains remaining page data, and be sent to mobile terminal.
Remaining page data can be specifically business datum, so that webpage is the payment page as an example, business datum example
Such as it is the amount of money to be paid.
Rendering module 53, for carrying out webpage according to the partial page data and the remaining page data
Render, show the webpage.
Optionally, rendering module 53 specifically for:
When receiving the request of user's access webpage, the webpage according to the partial page data render
Page framework;
After the business datum is got, the business datum is filled into the corresponding of the page framework
In business.
For example, after the mobile-terminated access request for receiving user's transmission, on the one hand can be interacted with service end,
So as to obtain business datum, on the other hand, can be according to the partial page data render page frame downloaded before
Frame.
For example, after the amount of money to be paid is got, the amount of money numerical value of acquisition is filled into wanting for page framework
At the position of the amount of money of payment.And after for example, getting the data such as the contact details of user, by contact details
It is filled at corresponding user data position.
In the present embodiment, by the operation flow before the webpage to be shown, downloading the partial page of webpage
Face data, it is possible to achieve the download in advance to partial page data, so as to when rendering, it is possible to reduce client
End interacts with service end, reduces webpage and renders the required stand-by period, lifts Consumer's Experience.
Fig. 6 is the structural representation of the device for rendering webpage that another embodiment of the application is proposed, the device
60 include:First sending module 61, the sending module 63 of acquisition module 62 and second.
First sending module 61, for the operation flow before the webpage to be shown in, by the webpage
Partial page data is activation to client.
For example, the webpage to be shown is to pay the page, operation flow before is, for example, detailed user's access commodity
The flow of feelings page.
Partial page data are, for example, page framework data, and page framework data for example include:Html file,
CSS, script file and image.
Client can specifically refer to mobile terminal.
Acquisition module 62, the request of the remaining page data of acquisition for receiving client transmission, and according to
The acquisition request residue page data.
For example, when user will access the payment page, user can send to access to client and pay asking for the page
Ask, after client receives the request that the access pays the page, can be sent to service end and obtain the remaining page
The request of data.
Remaining page data is, for example, business datum, and service end receives the acquisition business datum of client transmission
Request after, corresponding business datum, such as payment, user profile can be obtained.
Second sending module 63, for the remaining page data to be sent into client, so that the visitor
Family end carries out webpage and renders and show the net according to the partial page data and the remaining page data
Page.
For example, business datum is sent to client by service end, so as to client according to page framework data and
Business datum carries out webpage and renders.
In the present embodiment, by the operation flow before the webpage to be shown in, by the partial page of webpage
Data is activation is to client, it is possible to achieve in advance download of the client to partial page data, so as to render
When, it is possible to reduce client is interacted with service end, is reduced webpage and is rendered the required stand-by period, and lifting is used
Experience at family.
Fig. 7 is the structural representation of the system for rendering webpage that another embodiment of the application is proposed, the system
70 include:Client terminal device 71 and service terminal device 72, wherein, client terminal device 71 may refer to figure
Shown in 5, service terminal device 72 may refer to shown in Fig. 6.
In the present embodiment, by the operation flow before the webpage to be shown in, client is under service end
The partial page data of contained network page, it is possible to achieve the download in advance to partial page data, so that when rendering,
Interacting for client and service end can be reduced, webpage is reduced and is rendered the required stand-by period, lift user's body
Test.
It should be noted that in the description of the present application, term " first ", " second " etc. are only used for retouching
Purpose is stated, and it is not intended that indicating or implying relative importance.Additionally, in the description of the present application, removing
Non- to be otherwise noted, the implication of " multiple " refers at least two.
Any process described otherwise above or method description in flow chart or herein is construed as, table
Show including it is one or more for realizing specific logical function or process the step of executable instruction generation
The scope of the module of code, fragment or part, and the preferred embodiment of the application includes other realization,
Can not wherein press order that is shown or discussing, including function involved by basis by it is basic and meanwhile in the way of
Or in the opposite order, carrying out perform function, this should be by embodiments herein those of skill in the art
Member is understood.
It should be appreciated that each several part of the application can be realized with hardware, software, firmware or combinations thereof.
In the above-described embodiment, multiple steps or method can in memory and by suitable instruction be held with storage
The software or firmware that row system is performed are realized.If for example, realized with hardware, and in another embodiment party
It is the same in formula, can be realized with any one of following technology well known in the art or their combination:Have
Discrete logic for realizing the logic gates of logic function to data-signal, with suitable combination
The application specific integrated circuit of logic gates, programmable gate array (PGA), field programmable gate array (FPGA)
Deng.
Those skilled in the art be appreciated that to realize the whole that above-described embodiment method carries or
The hardware that part steps can be by program to instruct correlation is completed, and described program can be stored in one kind
In computer-readable recording medium, the program upon execution, including one of the step of embodiment of the method or its group
Close.
Additionally, during each functional unit in the application each embodiment can be integrated in a processing module,
Can also be that unit is individually physically present, it is also possible to which two or more units are integrated in a module
In.Above-mentioned integrated module can both be realized in the form of hardware, it would however also be possible to employ software function module
Form is realized.If the integrated module is to realize in the form of software function module and as independent product
When selling or using, it is also possible to which storage is in a computer read/write memory medium.
Storage medium mentioned above can be read-only storage, disk or CD etc..
In the description of this specification, reference term " one embodiment ", " some embodiments ", " example ",
The description of " specific example " or " some examples " etc. means to combine that the embodiment or example describe is specific
Feature, structure, material or feature are contained at least one embodiment of the application or example.In this theory
In bright book, the schematic representation to above-mentioned term is not necessarily referring to identical embodiment or example.And,
The specific features of description, structure, material or feature can be in one or more any embodiments or examples
In combine in an appropriate manner.
Although embodiments herein has been shown and described above, it is to be understood that above-described embodiment
It is exemplary, it is impossible to be interpreted as the limitation to the application, one of ordinary skill in the art is the application's
In the range of above-described embodiment can be changed, change, replace and modification.