CN111124574A - First screen rendering acceleration method, development terminal, server, system and electronic equipment - Google Patents

First screen rendering acceleration method, development terminal, server, system and electronic equipment Download PDF

Info

Publication number
CN111124574A
CN111124574A CN201911313722.1A CN201911313722A CN111124574A CN 111124574 A CN111124574 A CN 111124574A CN 201911313722 A CN201911313722 A CN 201911313722A CN 111124574 A CN111124574 A CN 111124574A
Authority
CN
China
Prior art keywords
configuration file
file
rendering
content
server
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN201911313722.1A
Other languages
Chinese (zh)
Inventor
葛彬
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Nanjing Sanbaiyun Information Technology Co Ltd
Original Assignee
Nanjing Sanbaiyun Information Technology Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Nanjing Sanbaiyun Information Technology Co Ltd filed Critical Nanjing Sanbaiyun Information Technology Co Ltd
Priority to CN201911313722.1A priority Critical patent/CN111124574A/en
Publication of CN111124574A publication Critical patent/CN111124574A/en
Pending legal-status Critical Current

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44Arrangements for executing specific programs
    • G06F9/451Execution arrangements for user interfaces
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/957Browsing optimisation, e.g. caching or content distillation
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/958Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Software Systems (AREA)
  • Data Mining & Analysis (AREA)
  • Human Computer Interaction (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

The invention provides a first screen rendering acceleration method, a development terminal, a server, a system and electronic equipment, which are applied to the development terminal and relate to the technical field of computers, wherein the method comprises the steps of pre-rendering a configuration file according to the content of a page to be displayed when compiling a webpage to obtain the pre-rendered configuration file, wherein the configuration file comprises an HTML file, a JS file and a CSS file; and packaging the pre-rendered configuration file and then sending the packaged configuration file to a server. The invention can greatly improve the first screen rendering speed, and developers only need to have front-end development skills, thus the development and maintenance cost is low.

Description

First screen rendering acceleration method, development terminal, server, system and electronic equipment
Technical Field
The invention relates to the technical field of computers, in particular to a first screen rendering acceleration method, a development terminal, a server, a system and electronic equipment.
Background
The shorter the time taken by the browser to load the web page and present it to the user, the earlier the user can see the content of the page, and the better the user experience. At present, common ways for accelerating the first screen rendering speed include server-side rendering and client-side rendering, the server-side rendering requires developers to have full-stack development skills, the requirements on the developers are high, and the development cost and the maintenance cost are high; and the loading speed of the rendering first screen of the client is low, so that the user experience is influenced.
Disclosure of Invention
The invention aims to provide a first screen rendering acceleration method, a development end, a server, a system and electronic equipment, which can effectively accelerate the first screen rendering speed, and developers only need to have front-end development skills, so that the development and maintenance cost is low.
In a first aspect, the method for accelerating the first screen rendering provided by the present invention is applied to a development end, and the method includes:
when a webpage is compiled, pre-rendering is carried out on a configuration file according to the content of the webpage to be displayed to obtain the pre-rendered configuration file, wherein the configuration file comprises an HTML file, a JS file and a CSS file;
and packaging the pre-rendered configuration file and then sending the packaged configuration file to a server.
In an optional embodiment, when compiling a webpage, pre-rendering a configuration file according to content of a page to be displayed, and obtaining the pre-rendered configuration file includes:
compiling according to the content of the page to be displayed, generating a configuration file, and primarily packaging the configuration file;
and determining a pre-rendering logic according to the content of the page to be displayed, and adding the content for first screen rendering in the JS file to the HTML file according to the pre-rendering logic to obtain a pre-rendered configuration file.
In an alternative embodiment, the method further comprises:
and rendering a skeleton screen and/or rendering a Loading placeholder map according to the pre-rendering logic to obtain a pre-rendered configuration file.
In a second aspect, the first screen rendering acceleration method provided by the present invention is applied to a server, and the method includes:
the method comprises the steps that a packaged configuration file is obtained from a development end, wherein the configuration file is a pre-rendered configuration file obtained by pre-rendering the configuration file according to the content of a page to be displayed when a webpage is compiled, and the configuration file comprises an HTML file, a JS file and a CSS file;
and when the user accesses, sending the configuration file to the client.
In a third aspect, the present invention provides a development end, including:
the compiling module is used for prerendering the configuration file according to the content of the page to be displayed when the webpage is compiled to obtain a prerendered configuration file, wherein the configuration file comprises an HTML file, a JS file and a CSS file;
and the first sending module is used for packaging the pre-rendered configuration file and sending the packaged configuration file to a server.
In an alternative embodiment, the compiling module comprises:
the preliminary compiling module is used for compiling according to the content of the page to be displayed, generating a configuration file and preliminarily packaging the configuration file;
and the first recompilation module is used for determining a prerender logic according to the content of the page to be displayed, and adding the content for first screen rendering in the JS file to the HTML file according to the prerender logic to obtain a prerender configuration file.
In a fourth aspect, the present invention provides a server, including:
the system comprises an acquisition module, a display module and a display module, wherein the acquisition module is used for acquiring a packaged configuration file from a development end, the configuration file is a pre-rendered configuration file obtained by pre-rendering the configuration file according to the content of a page to be displayed when a webpage is compiled, and the configuration file comprises an HTML file, a JS file and a CSS file;
and the second sending module is used for sending the configuration file to the client when the user accesses the configuration file.
In a fifth aspect, the present invention provides a system for implementing first screen rendering, including: the development terminal according to any one of the third aspect, the server according to the fourth aspect, and the client, wherein the development terminal is connected to the server, and the server is connected to the client.
In a sixth aspect, an embodiment provides an electronic device, including a memory, a processor, and a computer program stored on the memory and executable on the processor, where the processor implements the steps of the method of any one of the foregoing embodiments when executing the computer program.
In a seventh aspect, embodiments provide a computer readable medium having non-volatile program code executable by a processor, the program code causing the processor to perform the method of any of the preceding embodiments.
According to the first screen rendering acceleration method, the development terminal, the server, the system and the electronic equipment, the configuration file is pre-rendered when the webpage is compiled to obtain a meaningful HTML static file, so that specific page content can be seen at the first time when a user accesses the page; the invention can effectively accelerate the rendering speed of the first screen; developers only need front-end development skills, and the advantages of rendering development of the client are effectively reserved; the HTML static file is directly obtained, the expenditure of a server end is reduced, and the development and maintenance cost is low.
Drawings
In order to more clearly illustrate the embodiments of the present invention or the technical solutions in the prior art, the drawings used in the description of the embodiments or the prior art will be briefly described below, and it is obvious that the drawings in the following description are some embodiments of the present invention, and other drawings can be obtained by those skilled in the art without creative efforts.
Fig. 1 is a flowchart applied to an initiating end first screen rendering acceleration method according to an embodiment of the present invention;
fig. 2 is a flowchart of a first screen rendering acceleration method applied to a server according to an embodiment of the present invention;
fig. 3 is another flowchart of a first screen rendering acceleration method according to an embodiment of the present invention;
FIG. 4 is a system diagram of an initiating terminal provided by an embodiment of the present invention;
FIG. 5 is a system diagram of a server according to an embodiment of the present invention;
fig. 6 is a schematic diagram of a system for implementing first screen rendering according to an embodiment of the present invention;
fig. 7 is a system schematic diagram of an electronic device according to an embodiment of the present invention.
Icon: 41-a compiling module; 42-a first sending module; 51-an acquisition module; 52-a second sending module; 61-a development end; 62-a server; 63-a client; 400-an electronic device; 401 — a communication interface; 402-a processor; 403-a memory; 404-bus.
Detailed Description
In order to make the objects, technical solutions and advantages of the embodiments of the present invention clearer, the technical solutions in the embodiments of the present invention will be clearly and completely described below with reference to the drawings in the embodiments of the present invention, and it is obvious that the described embodiments are some, but not all, embodiments of the present invention. The components of embodiments of the present invention generally described and illustrated in the figures herein may be arranged and designed in a wide variety of different configurations.
Thus, the following detailed description of the embodiments of the present invention, presented in the figures, is not intended to limit the scope of the invention, as claimed, but is merely representative of selected embodiments of the invention. All other embodiments, which can be derived by a person skilled in the art from the embodiments given herein without making any creative effort, shall fall within the protection scope of the present invention.
It should be noted that: like reference numbers and letters refer to like items in the following figures, and thus, once an item is defined in one figure, it need not be further defined and explained in subsequent figures.
Some embodiments of the invention are described in detail below with reference to the accompanying drawings. The embodiments described below and the features of the embodiments can be combined with each other without conflict.
Currently, a common way to accelerate the rendering speed of the first screen is SSR (Server Side Render), such as JSP (Java Server Pages, a dynamic web page technology standard), which acquires data through Java Language, organizes the data into HTML (HyperText Markup Language) codes, and returns the HTML codes to the browser Side for rendering. The method requires that the front-end development and the back-end development are not separated, developers need to have full-stack development skills, and the requirements on the developers are high.
With the development of nodjs (JavaScript operating environment based on Chrome V8 engine), front-end developers can use JavaScript (JS for short, a programming language) to perform front-end and back-end development, such as a next. However, the pressure on the server is relatively large, and compared with directly outputting a static file, the overhead of rendering a page by nodjs and then transmitting the page to the client is obviously large, and the corresponding server load needs to be prepared by paying attention.
Currently, for mainstream front-end development frames such as read (a JavaScript library for constructing a user interface), Vue (a progressive JavaScript frame for constructing a user interface), and the like, a recommended development mode depends on Client rendering (CSR), only static files such as JS files and CSS (cascading style sheet) files are left after packaging, no meaningful HTML codes exist, and in most cases, only after the static files are loaded, Ajax can be used for requesting data and rendering a page, which results in too low rendering speed of a first screen.
Based on the above, the invention provides a method for accelerating the rendering of the first screen, a development terminal, a server, a system and an electronic device, which can effectively accelerate the rendering of the first screen, and developers only need to have front-end development skills, so that the development and maintenance costs are low.
Referring to fig. 1, an initial screen rendering acceleration method provided in an embodiment of the present invention is applied to a development end, and the method includes:
s110, when compiling the webpage, pre-rendering a configuration file according to the content of the webpage to be displayed to obtain the pre-rendered configuration file, wherein the configuration file comprises an HTML file, a JS file and a CSS file;
and S120, packaging the pre-rendered configuration file and then sending the packaged configuration file to a server.
Specifically, the development end in this embodiment is a computer for a developer to compile a page to be displayed, and more specifically, is a computer for a front-end developer. By optimizing the rendering process of the page to be displayed, the time of the page in a white screen state can be reduced, and a certain first screen rendering speed optimization effect is achieved.
In the embodiment, when a front-end developer uses a frame for development and compiles webpage content, the configuration file is prerendered in advance, and after the compilation is finished, the configuration file is packaged and compiled into a JS file, a CSS file and an HTML file.
In this embodiment, the packaging process is completed by a packaging service deployed on the Linux host.
And when the packaged file is deployed on the server, deploying the HTML file to the server, and deploying the JS file and the CSS file to the CDN. Therefore, when a user accesses a page through a specified website, the HTML static file is obtained firstly, the HTML static file is rendered and displayed in the browser at the first time, and subsequently loaded JS and CSS files provide other interaction and style functions, so that the rendering speed of the first page is accelerated.
Optionally, S110 includes:
compiling according to the content of the page to be displayed, generating a configuration file, and primarily packaging the configuration file;
and determining a pre-rendering logic according to the content of the page to be displayed, and adding the content for first screen rendering in the JS file to the HTML file according to the pre-rendering logic to obtain a pre-rendered configuration file.
Specifically, the prerendering is to perform reprocessing on the CSS file, the JS file and the HTML file which are generated by the preliminary packaging, and extract an HTML element and CSS codes which are used for the first screen rendering in the JS file into the HTML file by adopting a prerender-spa-plugin (a prerendering plug-in), so as to obtain the corresponding prerendered HTML file. Therefore, when the client loads the page, the pre-rendered HTML file is loaded first, so that a part of information can be displayed on the client quickly. Therefore, the first screen rendering speed can be increased, the compiled HTML file is directly acquired, and the server side overhead is reduced.
Optionally, the method further comprises:
and rendering a skeleton screen and/or rendering a Loading placeholder map according to the pre-rendering logic to obtain a pre-rendered configuration file.
Specifically, writing a skeleton screen and Loading an occupation bitmap are finished at a development end, and the principle of using a skeleton screen component is (1) writing the skeleton screen component; (2) in specific services, the default display skeleton screen component is controlled as required, and after a specified condition is met, the skeleton screen is hidden and actual content and data are displayed.
The HTML file that the pre-rendering will want can be obtained in advance, when the page that needs the interface request, also can be selective add the skeleton screen to the assigned part or increase the mode that the Loading occupies the bitmap occupy the place on the page, the user can see the page structure at the very first time, modes such as skeleton screen, placeholder map can indicate that the user has data to load, lets the time of user perception white screen reduce, effectively promotes user experience.
The principle of the embodiment is that a skeleton screen component and a Loading occupation bitmap component are written, then service logic is written, local joint debugging is performed, the written VUE file and the written LESS file are packaged and compiled, prerendering is performed in the packaging and compiling process, a JS file, a CSS file and an HTML file are finally generated, and the generated files are deployed on a server.
In the embodiment, the pre-rendering is performed in the compiling stage, so that when a user accesses a page, a compiled HTML static file is directly obtained, and the user can see the page structure in the first time; by adopting components such as a skeleton screen and a Loading occupation bitmap, a user can be prompted that data is loaded, so that the time for the user to perceive a white screen is reduced; in addition, the developer can also keep the original development mode and only needs to have front-end development skills. According to the embodiment, the first screen rendering speed is improved, the advantages of client rendering development are reserved, and the overhead of a server is reduced.
As shown in fig. 2, a method for accelerating the first screen rendering is applied to a server, and the method includes:
s210, obtaining a packaged configuration file from a development end, wherein the configuration file is a pre-rendered configuration file obtained by pre-rendering the configuration file according to the content of a page to be displayed when compiling the webpage, and the configuration file comprises an HTML file, a JS file and a CSS file;
s220, when the user accesses, the configuration file is sent to the client.
As shown in fig. 3, the overall process of this embodiment may be:
s300: compiling page logic codes;
s310: defining a pre-rendering effect;
s320: writing pre-rendering logic codes;
s330: configuring pre-rendering;
s340: packaging and releasing;
s350: deploying a server;
s360: user access;
s370: returning HTML and CSS codes;
s380: rendering a page;
s390: the user sees the page content.
Wherein, the steps S300-S340 are completed by the front-end developer at the development end; steps S350 and S370 are completed on the server; step S380 is completed at the client.
Optionally, in step S210, the pre-rendered configuration file obtained by pre-rendering the configuration file according to the content of the page to be displayed includes:
compiling according to the content of the page to be displayed, generating a configuration file, and primarily packaging the configuration file;
and determining a pre-rendering logic according to the content of the page to be displayed, and adding the content for first screen rendering in the JS file to the HTML file according to the pre-rendering logic to obtain a pre-rendered configuration file.
Optionally, in step S210, the pre-rendered configuration file obtained by pre-rendering the configuration file according to the content of the page to be displayed further includes:
and rendering a skeleton screen and/or rendering a Loading placeholder map according to the pre-rendering logic to obtain a pre-rendered configuration file.
Referring to fig. 4, a development end provided in an embodiment of the present invention includes:
the compiling module 41 is configured to pre-render the configuration file according to the content of the page to be displayed when compiling the webpage, so as to obtain a pre-rendered configuration file, where the configuration file includes an HTML file, a JS file, and a CSS file;
and the first sending module 42 is configured to package the pre-rendered configuration file and send the packaged configuration file to the server.
Optionally, compiling module 41 includes:
the preliminary compiling module is used for compiling according to the content of the page to be displayed, generating a configuration file and preliminarily packaging the configuration file;
and the first recompilation module is used for determining a prerender logic according to the content of the page to be displayed, and adding the content for first screen rendering in the JS file to the HTML file according to the prerender logic to obtain a prerender configuration file.
Optionally, compiling module 41 further includes:
and the second recompilation module is used for rendering the skeleton screen and/or the Loading placeholder map according to the pre-rendering logic to obtain a pre-rendered configuration file.
Referring to fig. 5, a server includes:
the obtaining module 51 is configured to obtain a packaged configuration file from a development end, where the configuration file is a pre-rendered configuration file obtained by pre-rendering the configuration file according to content of a page to be displayed when compiling the web page, and the configuration file includes an HTML file, a JS file, and a CSS file;
a second sending module 52, configured to send the configuration file to the client when the user accesses the configuration file.
Referring to fig. 6, a system for implementing the first screen rendering includes the development end 61, the server 62, and the client 63, as described above in this embodiment, where the development end 61 is connected to the server 62, and the server 62 is connected to the client 63.
Referring to fig. 7, an embodiment of the present invention further provides an apparatus, and an embodiment of the present invention further provides an electronic apparatus 400, which includes a communication interface 401, a processor 402, a memory 403, and a bus 404, where the processor 402, the communication interface 401, and the memory 403 are connected by the bus 404; the memory 403 is used for storing computer programs that support the processor 402 to execute the method for implementing the top-screen rendering, and the processor 402 is configured to execute the programs stored in the memory 403.
Optionally, an embodiment of the present invention further provides a computer-readable medium having a non-volatile program code executable by a processor, where the program code causes the processor to execute the method for implementing the first screen rendering in the foregoing embodiment.
Unless specifically stated otherwise, the relative steps, numerical expressions, and values of the components and steps set forth in these embodiments do not limit the scope of the present invention.
The implementation principle and the generated technical effect of the development terminal, the server and the system provided by the embodiment of the invention are the same as those of the method embodiment, and for brief description, the corresponding content in the method embodiment can be referred to where the device embodiment is not mentioned.
It is clear to those skilled in the art that, for convenience and brevity of description, the specific working processes of the system and the apparatus described above may refer to the corresponding processes in the foregoing method embodiments, and are not described herein again.
Finally, it should be noted that: the above embodiments are only used to illustrate the technical solution of the present invention, and not to limit the same; while the invention has been described in detail and with reference to the foregoing embodiments, it will be understood by those skilled in the art that: the technical solutions described in the foregoing embodiments may still be modified, or some or all of the technical features may be equivalently replaced; and the modifications or the substitutions do not make the essence of the corresponding technical solutions depart from the scope of the technical solutions of the embodiments of the present invention.

Claims (10)

1. A method for accelerating first screen rendering is applied to a development end, and is characterized by comprising the following steps:
when a webpage is compiled, pre-rendering is carried out on a configuration file according to the content of the webpage to be displayed to obtain the pre-rendered configuration file, wherein the configuration file comprises an HTML file, a JS file and a CSS file;
and packaging the pre-rendered configuration file and then sending the packaged configuration file to a server.
2. The method of claim 1, wherein, when compiling the webpage, the configuration file is pre-rendered according to the content of the page to be displayed, and obtaining the pre-rendered configuration file comprises:
compiling according to the content of the page to be displayed, generating a configuration file, and primarily packaging the configuration file;
and determining a pre-rendering logic according to the content of the page to be displayed, and adding the content for first screen rendering in the JS file to the HTML file according to the pre-rendering logic to obtain a pre-rendered configuration file.
3. The method of claim 2, further comprising:
and rendering a skeleton screen and/or rendering a Loading placeholder map according to the pre-rendering logic to obtain a pre-rendered configuration file.
4. A first screen rendering acceleration method is applied to a server, and is characterized by comprising the following steps:
the method comprises the steps that a packaged configuration file is obtained from a development end, wherein the configuration file is a pre-rendered configuration file obtained by pre-rendering the configuration file according to the content of a page to be displayed when a webpage is compiled, and the configuration file comprises an HTML file, a JS file and a CSS file;
and when the user accesses, sending the configuration file to the client.
5. A developer end, comprising:
the compiling module is used for prerendering the configuration file according to the content of the page to be displayed when the webpage is compiled to obtain a prerendered configuration file, wherein the configuration file comprises an HTML file, a JS file and a CSS file;
and the first sending module is used for packaging the pre-rendered configuration file and sending the packaged configuration file to a server.
6. The development end of claim 5, wherein the compiling module comprises:
the preliminary compiling module is used for compiling according to the content of the page to be displayed, generating a configuration file and preliminarily packaging the configuration file;
and the first recompilation module is used for determining a prerender logic according to the content of the page to be displayed, and adding the content for first screen rendering in the JS file to the HTML file according to the prerender logic to obtain a prerender configuration file.
7. A server, comprising:
the system comprises an acquisition module, a display module and a display module, wherein the acquisition module is used for acquiring a packaged configuration file from a development end, the configuration file is a pre-rendered configuration file obtained by pre-rendering the configuration file according to the content of a page to be displayed when a webpage is compiled, and the configuration file comprises an HTML file, a JS file and a CSS file;
and the second sending module is used for sending the configuration file to the client when the user accesses the configuration file.
8. A system for implementing head screen rendering, comprising the development terminal according to any one of claims 5 to 6, the server according to claim 7, and a client, wherein the development terminal is connected to the server, and the server is connected to the client.
9. An electronic device comprising a memory, a processor and a computer program stored on the memory and executable on the processor, wherein the steps of the method of any of the preceding claims 1 to 4 are implemented when the computer program is executed by the processor.
10. A computer-readable medium having non-volatile program code executable by a processor, wherein the program code causes the processor to perform the method of any of claims 1 to 4.
CN201911313722.1A 2019-12-18 2019-12-18 First screen rendering acceleration method, development terminal, server, system and electronic equipment Pending CN111124574A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201911313722.1A CN111124574A (en) 2019-12-18 2019-12-18 First screen rendering acceleration method, development terminal, server, system and electronic equipment

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201911313722.1A CN111124574A (en) 2019-12-18 2019-12-18 First screen rendering acceleration method, development terminal, server, system and electronic equipment

Publications (1)

Publication Number Publication Date
CN111124574A true CN111124574A (en) 2020-05-08

Family

ID=70499855

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201911313722.1A Pending CN111124574A (en) 2019-12-18 2019-12-18 First screen rendering acceleration method, development terminal, server, system and electronic equipment

Country Status (1)

Country Link
CN (1) CN111124574A (en)

Cited By (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111859219A (en) * 2020-07-23 2020-10-30 广州酷狗计算机科技有限公司 Webpage skeleton graph generation method and device, terminal and storage medium
CN111880790A (en) * 2020-06-12 2020-11-03 北京三快在线科技有限公司 Page rendering method, page rendering system, and computer-readable storage medium
CN111880789A (en) * 2020-06-12 2020-11-03 北京三快在线科技有限公司 Page rendering method, device, server and computer-readable storage medium
CN112307385A (en) * 2020-10-22 2021-02-02 北京达佳互联信息技术有限公司 Webpage data loading and processing method and device, electronic equipment and storage medium
CN113010827A (en) * 2021-03-16 2021-06-22 北京百度网讯科技有限公司 Page rendering method and device, electronic equipment and storage medium
CN113076504A (en) * 2021-06-03 2021-07-06 北京达佳互联信息技术有限公司 Skeleton screen generation method, device, equipment and storage medium
CN113626739A (en) * 2021-06-30 2021-11-09 苏州浪潮智能科技有限公司 Website rendering path acceleration optimization method and system

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103886056A (en) * 2014-03-14 2014-06-25 百度在线网络技术(北京)有限公司 Method and system for processing search results and browser
CN107066631A (en) * 2017-05-26 2017-08-18 北京三快在线科技有限公司 Display methods, device and the electronic equipment of the page
CN107391664A (en) * 2017-07-19 2017-11-24 广州华多网络科技有限公司 Page data processing method and system based on WEB
CN108846087A (en) * 2018-06-12 2018-11-20 恒生电子股份有限公司 A kind of page rendering method, apparatus, terminal and server
CN110442811A (en) * 2019-08-14 2019-11-12 广州虎牙科技有限公司 A kind of processing method of the page, device, computer equipment and storage medium

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103886056A (en) * 2014-03-14 2014-06-25 百度在线网络技术(北京)有限公司 Method and system for processing search results and browser
CN107066631A (en) * 2017-05-26 2017-08-18 北京三快在线科技有限公司 Display methods, device and the electronic equipment of the page
CN107391664A (en) * 2017-07-19 2017-11-24 广州华多网络科技有限公司 Page data processing method and system based on WEB
CN108846087A (en) * 2018-06-12 2018-11-20 恒生电子股份有限公司 A kind of page rendering method, apparatus, terminal and server
CN110442811A (en) * 2019-08-14 2019-11-12 广州虎牙科技有限公司 A kind of processing method of the page, device, computer equipment and storage medium

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
花满楼的小前端A: ""网页骨架屏自动生成方案(dps)"", 《HTTPS://M.IMOOC.COM/MIP/ARTICLE/289688》 *

Cited By (10)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111880790A (en) * 2020-06-12 2020-11-03 北京三快在线科技有限公司 Page rendering method, page rendering system, and computer-readable storage medium
CN111880789A (en) * 2020-06-12 2020-11-03 北京三快在线科技有限公司 Page rendering method, device, server and computer-readable storage medium
CN111859219A (en) * 2020-07-23 2020-10-30 广州酷狗计算机科技有限公司 Webpage skeleton graph generation method and device, terminal and storage medium
CN112307385A (en) * 2020-10-22 2021-02-02 北京达佳互联信息技术有限公司 Webpage data loading and processing method and device, electronic equipment and storage medium
CN113010827A (en) * 2021-03-16 2021-06-22 北京百度网讯科技有限公司 Page rendering method and device, electronic equipment and storage medium
CN113010827B (en) * 2021-03-16 2024-03-22 北京百度网讯科技有限公司 Page rendering method and device, electronic equipment and storage medium
CN113076504A (en) * 2021-06-03 2021-07-06 北京达佳互联信息技术有限公司 Skeleton screen generation method, device, equipment and storage medium
CN113076504B (en) * 2021-06-03 2021-10-01 北京达佳互联信息技术有限公司 Skeleton screen generation method, device, equipment and storage medium
CN113626739A (en) * 2021-06-30 2021-11-09 苏州浪潮智能科技有限公司 Website rendering path acceleration optimization method and system
CN113626739B (en) * 2021-06-30 2023-07-18 苏州浪潮智能科技有限公司 Method and system for accelerating optimization of website rendering path

Similar Documents

Publication Publication Date Title
CN111124574A (en) First screen rendering acceleration method, development terminal, server, system and electronic equipment
US10726195B2 (en) Filtered stylesheets
CN110990731B (en) Rendering method, device and equipment of static webpage and computer storage medium
US7921353B1 (en) Method and system for providing client-server injection framework using asynchronous JavaScript and XML
WO2017088509A1 (en) Page customization method and device
CN106294658B (en) Webpage quick display method and device
CN110442815B (en) Page generation method, system, device and computer readable storage medium
CN111639289A (en) Webpage loading method and device
CN106909361B (en) Web development method and device based on template engine
KR20150079867A (en) Html5-protocol-based webpage presentation method and device
CN106874519B (en) Page display method and device
CN105094786A (en) Method and system for customizing page based on JavaScript
CN111880790A (en) Page rendering method, page rendering system, and computer-readable storage medium
CN111880788A (en) Page rendering method, device, client and computer readable storage medium
CN113010827A (en) Page rendering method and device, electronic equipment and storage medium
US20230171329A1 (en) Systems and methods for rendering interactive web pages
CN113536174A (en) Interface loading method, device and equipment
CN114138372A (en) Front-end component loading method and device
CN113900647A (en) Method, device and equipment for screenshot of webpage
CN110020370B (en) Method and device for realizing animation in client application and framework of animation script
CN108664191B (en) System access method and device
CN111737614A (en) Page display method and device, electronic equipment and storage medium
CN113835803A (en) Application theme display method and device
CN103488735A (en) Method and terminal for refreshing and displaying pages of terminal browser
CN102981847A (en) Browser treating page textbox and method treating the page textbox

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
RJ01 Rejection of invention patent application after publication

Application publication date: 20200508

RJ01 Rejection of invention patent application after publication