CN106611047A - Webpage loading method and apparatus - Google Patents
Webpage loading method and apparatus Download PDFInfo
- Publication number
- CN106611047A CN106611047A CN201611170861.XA CN201611170861A CN106611047A CN 106611047 A CN106611047 A CN 106611047A CN 201611170861 A CN201611170861 A CN 201611170861A CN 106611047 A CN106611047 A CN 106611047A
- Authority
- CN
- China
- Prior art keywords
- files
- webpage
- state
- loading
- target web
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9574—Browsing optimisation, e.g. caching or content distillation of access to content, e.g. by caching
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
Abstract
The invention discloses a webpage loading method and apparatus. The webpage loading method comprises the steps of receiving a webpage loading request; responding to the received webpage loading request; loading characters and framework files in a target webpage corresponding to the webpage loading request; and after the characters and the framework files are completely loaded, loading JS files in the target webpage. By adoption of the technical scheme in the embodiment, in webpage loading, the characters and the framework files in the webpage are loaded firstly, and then the JS files are loaded, so that slow down of the webpage loading caused by too many JS files is avoided, thereby improving webpage loading speed and improving user experience.
Description
Technical field
The present invention relates to Internet technical field, more particularly to a kind of webpage loading method and device.
Background technology
Browser refers to HTML (the Hyper Text Markup that can show web page server or file system
Language, HTML) file content, and allow a kind of software tool of user and these file interactions.With mutual
Networking technology is developed rapidly, and application of the browser in daily life, working and learning be more and more frequent.
At present, browser loading analyzing web page process is carried out typically by parallel form, i.e., side is downloaded in webpage
Hold side to render web page contents.In downloading process, if there is JS in web data, (Javascript, one kind is distinguished big
The client-side scripting language of small letter) if data, and if JS is more, then webpage loading is very slow, and Consumer's Experience is bad.
The content of the invention
In view of the above problems, it is proposed that the present invention so as to provide one kind overcome the problems referred to above or at least in part solve on
State a kind of webpage loading method and device of problem.
The present invention provides a kind of webpage loading method, including：
Receive webpage load request；
In response to receiving the webpage load request, the text in the corresponding target web of the webpage load request is loaded
Word and document framework；
After the completion of the word and document framework loading, the JS files in the target web are loaded.
In one embodiment, methods described may also include：
Judge whether the JS files load to complete；
When JS files loading is completed, the state of the JS files is changed to into the second state by first state.
In one embodiment, methods described may also include：
Receive the clicking operation for button in the target web；
In response to receiving the clicking operation, the state of the JS files that the button is related to is obtained；
When the state of at least one JS files in the JS files that the button is related to is first state, issues the user with and carry
Show information, the information is used to point out JS files described in user to load.
In one embodiment, methods described may also include：
When the state of the JS files that the button is related to is the second state, the push button function is realized.
In one embodiment, methods described may also include：
After the completion of the word, document framework loading, the first kind picture in the target web is loaded；
When the page scroll of the target web, to the Equations of The Second Kind picture in the target web carry out loading and more
Change.
The present invention also provides a kind of webpage charger, including：
First receiver module, for receiving webpage load request；
First load-on module, in response to receiving the webpage load request, loading the webpage load request pair
Word and document framework in the target web answered；
Second load-on module, for after the completion of the word and document framework loading, to the JS in the target web
File is loaded.
In one embodiment, described device may also include：
Judge module, completes for judging whether the JS files load；
Change module, for when JS files loading is completed, the state of the JS files being changed by first state
For the second state.
In one embodiment, described device may also include：
Second receiver module, for receiving the clicking operation for button in the target web；
Acquisition module, in response to receiving the clicking operation, obtaining the state of the JS files that the button is related to；
Reminding module, the state for working as at least one JS files in the JS files that the button is related to is first state
When, information is issued the user with, the information is used to point out JS files described in user to load.
In one embodiment, described device may also include：
Performing module, for when the state of the JS files that the button is related to is the second state, performing the button
Function.
In one embodiment, described device may also include：
3rd load-on module, for after the completion of the word, document framework loading, loading the in the target web
One class picture；
4th load-on module, for when the page scroll of the target web, to the Equations of The Second Kind in the target web
Picture is loaded and changed.
Some beneficial effects of the embodiment of the present invention can include：
The above-mentioned technical proposal of the embodiment of the present invention, by receiving webpage load request, in response to receiving webpage loading
Request, loads the word and document framework in the corresponding target web of webpage load request, when word and document framework have been loaded
Cheng Hou, loads to the JS files in target web.Due to when webpage is loaded, first loading the word in webpage, framework text
The basic structures such as part, reload JS files, so as to because JS files are excessive webpage loading be caused slack-off, so as to improve net
Page loading velocity, improves the experience of user.
Other features and advantages of the present invention will be illustrated in the following description, also, the partly change from description
Obtain it is clear that or being understood by implementing the present invention.The purpose of the present invention and other advantages can be by the explanations write
Specifically noted structure is realizing and obtain in book, claims and accompanying drawing.
Below by drawings and Examples, technical scheme is described in further detail.
Description of the drawings
Accompanying drawing is used for providing a further understanding of the present invention, and constitutes a part for description, the reality with the present invention
Applying example is used to explain the present invention together, is not construed as limiting the invention.In the accompanying drawings：
Fig. 1 is a kind of flow chart of webpage loading method in the embodiment of the present invention；
Fig. 2 is the flow chart of another kind of webpage loading method in the embodiment of the present invention；
Fig. 3 is the flow chart of another kind of webpage loading method in the embodiment of the present invention；
Fig. 4 is the flow chart of another kind of webpage loading method in the embodiment of the present invention；
Fig. 5 is the flow chart of another kind of webpage loading method in the embodiment of the present invention；
Fig. 6 is a kind of block diagram of webpage charger in the embodiment of the present invention；
Fig. 7 is the block diagram of another kind of webpage charger in the embodiment of the present invention；
Fig. 8 is the block diagram of another kind of webpage charger in the embodiment of the present invention.
Fig. 9 is the block diagram of another kind of webpage charger in the embodiment of the present invention.
Figure 10 is the block diagram of another kind of webpage charger in the embodiment of the present invention.
Specific embodiment
The preferred embodiments of the present invention are illustrated below in conjunction with accompanying drawing, it will be appreciated that preferred reality described herein
Apply example and be merely to illustrate and explain the present invention, be not intended to limit the present invention.
Fig. 1 show a kind of flow chart of webpage loading method in the embodiment of the present invention, for first terminal, first terminal
Can be mobile terminal or fixed terminal, the embodiment of the present invention is not limited.As shown in figure 1, comprising the following steps S11-S13：
Step S11, receives webpage load request.
Step S12, in response to receiving webpage load request, loads the text in the corresponding target web of webpage load request
Word and document framework.
Step S13, after the completion of word and document framework loading, loads to the JS files in target web.
In prior art, when webpage is loaded, if JS is many in interface, webpage loading is very slow, the embodiment of the present invention
Said method, by receiving webpage load request, in response to receiving webpage load request, loading webpage load request correspondence
Target web in word and document framework, when word and document framework loading after the completion of, to the JS files in target web
Loaded.Due to when webpage is loaded, first loading the basic structures such as word, document framework in webpage, JS files are reloaded,
So as to because JS files are excessive webpage loading be caused slack-off, so as to improve webpage loading velocity, making for user is improved
With experience.
In one embodiment, as shown in Fig. 2 the webpage loading method can also include the steps of S14-S15：
Step S14, judges whether JS files load and completes.
Step S15, when the loading of JS files is completed, the second state is changed to by the state of JS files by first state.
JS default conditions are first state fault, and the second state true is revised as when loading is complete.In one embodiment
In, as shown in figure 3, the webpage loading method can also include the steps of S16-S18：
Step S16, receives the clicking operation for button in target web.
Step S17, in response to receiving clicking operation, obtains the state of the JS files that button is related to.
Step S18, when the state of at least one JS files in the JS files that button is related to is first state, sends out to user
Go out information, information is used to point out user's JS files to load.
When user clicks on certain button, the JS states of the button are checked, if JS states are fault, sent out to user
Go out information, information is used to point out user JS files loading or points out user to wait.
In one embodiment, as shown in figure 4, the webpage loading method can also include the steps of S19：
Step S19, when the state of the JS files that button is related to is the second state, realizes push button function.
One button may relate to multiple JS, and the state for needing each JS is the second state true and could realize button work(
Energy.
In one embodiment, as shown in figure 5, the webpage loading method can also include the steps of S20-S21：
Step S20, after the completion of word, document framework loading, the first kind picture in loaded targets webpage；
Step S21, when the page scroll of target web, to the Equations of The Second Kind picture in target web carry out loading and more
Change.
Picture in webpage is classified, first kind picture and Equations of The Second Kind picture is divided into.First kind picture is website
Internal picture is stood interior picture, and Equations of The Second Kind picture is the outer picture in station.
When webpage is loaded, word, document framework and the first kind picture in webpage is first loaded, when the page of target web
During rolling, word, document framework and first kind picture are only loaded and changed without reloading to Equations of The Second Kind picture, from
And webpage loading velocity is improve, improve the experience of user.
Based on same inventive concept, the embodiment of the present invention additionally provides a kind of webpage charger, because the device is solved
Certainly the principle of problem is similar to aforementioned webpage loading method, therefore the enforcement of the device may refer to the enforcement of preceding method, weight
Multiple part is repeated no more.
Fig. 6 show a kind of block diagram of webpage charger in the embodiment of the present invention, as shown in fig. 6, the device includes：
First receiver module 61, for receiving webpage load request；
First load-on module 62, in response to receiving webpage load request, the corresponding mesh of loading webpage load request
Word and document framework in mark webpage；
Second load-on module 63, for after the completion of word and document framework loading, entering to the JS files in target web
Row loading.
In one embodiment, as shown in fig. 7, the webpage charger may also include：
Judge module 64, completes for judging whether JS files load；
Change module 65, for when the loading of JS files is completed, the state of JS files being changed to into second by first state
State.
In one embodiment, as shown in figure 8, the webpage charger may also include：
Second receiver module 66, for receiving the clicking operation for button in target web；
Acquisition module 67, in response to receiving clicking operation, obtaining the state of the JS files that button is related to；
Reminding module 68, for when the state of at least one JS files in the JS files that button is related to be first state when,
Information is issued the user with, information is used to point out user's JS files to load.
In one embodiment, as shown in figure 9, the webpage charger may also include：
Performing module 69, for when the state of the JS files that button is related to is the second state, executive button function.
In one embodiment, as shown in Figure 10, the webpage charger may also include：
3rd load-on module 70, after the completion of loading when word, document framework, the First Kind Graph in loaded targets webpage
Piece；
4th load-on module 71, for when the page scroll of target web, entering to the Equations of The Second Kind picture in target web
Row loading and replacing.
The said apparatus of the embodiment of the present invention, by receiving webpage load request, in response to receiving webpage load request,
Word and document framework in the corresponding target web of loading webpage load request, after the completion of word and document framework loading,
JS files in target web are loaded.Due to when webpage is loaded, first loading the bases such as word, document framework in webpage
This structure, reloads JS files, so as to because JS files are excessive webpage loading be caused slack-off, so as to improve webpage loading
Speed, improves the experience of user.
Those skilled in the art are it should be appreciated that embodiments of the invention can be provided as method, system or computer program
Product.Therefore, the present invention can be using complete hardware embodiment, complete software embodiment or with reference to the reality in terms of software and hardware
Apply the form of example.And, the present invention can be adopted and wherein include the computer of computer usable program code at one or more
The shape of the computer program implemented in usable storage medium (including but not limited to disk memory and optical memory etc.)
Formula.
The present invention is the flow process with reference to method according to embodiments of the present invention, equipment (system) and computer program
Figure and/or block diagram are describing.It should be understood that can be by computer program instructions flowchart and/or each stream in block diagram
The combination of journey and/or square frame and flow chart and/or the flow process in block diagram and/or square frame.These computer programs can be provided
The processor of general purpose computer, special-purpose computer, Embedded Processor or other programmable data processing devices is instructed to produce
A raw machine so that produced for reality by the instruction of computer or the computing device of other programmable data processing devices
The device of the function of specifying in present one flow process of flow chart or one square frame of multiple flow processs and/or block diagram or multiple square frames.
These computer program instructions may be alternatively stored in can guide computer or other programmable data processing devices with spy
In determining the computer-readable memory that mode works so that the instruction being stored in the computer-readable memory is produced to be included referring to
Make the manufacture of device, the command device realize in one flow process of flow chart or one square frame of multiple flow processs and/or block diagram or
The function of specifying in multiple square frames.
These computer program instructions also can be loaded in computer or other programmable data processing devices so that in meter
Series of operation steps is performed on calculation machine or other programmable devices to produce computer implemented process, so as in computer or
The instruction performed on other programmable devices is provided for realizing in one flow process of flow chart or multiple flow processs and/or block diagram one
The step of function of specifying in individual square frame or multiple square frames.
Obviously, those skilled in the art can carry out the essence of various changes and modification without deviating from the present invention to the present invention
God and scope.So, if these modifications of the present invention and modification belong to the scope of the claims in the present invention and its equivalent technologies
Within, then the present invention is also intended to comprising these changes and modification.
Claims (10)
1. a kind of webpage loading method, it is characterised in that include：
Receive webpage load request；
In response to receiving the webpage load request, load word in the corresponding target web of the webpage load request and
Document framework；
After the completion of the word and document framework loading, the JS files in the target web are loaded.
2. the method for claim 1, it is characterised in that methods described also includes：
Judge whether the JS files load to complete；
When JS files loading is completed, the state of the JS files is changed to into the second state by first state.
3. method as claimed in claim 2, it is characterised in that methods described also includes：
Receive the clicking operation for button in the target web；
In response to receiving the clicking operation, the state of the JS files that the button is related to is obtained；
When the state of at least one JS files in the JS files that the button is related to is first state, prompting letter is issued the user with
Breath, the information is used to point out JS files described in user to load.
4. method as claimed in claim 3, it is characterised in that methods described also includes：
When the state of the JS files that the button is related to is the second state, the push button function is realized.
5. the method as any one of claim 1-4, it is characterised in that methods described also includes：
After the completion of the word, document framework loading, the first kind picture in the target web is loaded；
When the page scroll of the target web, the Equations of The Second Kind picture in the target web is loaded and changed.
6. a kind of webpage charger, it is characterised in that include：
First receiver module, for receiving webpage load request；
First load-on module, in response to receiving the webpage load request, loading the webpage load request corresponding
Word and document framework in target web；
Second load-on module, for after the completion of the word and document framework loading, to the JS files in the target web
Loaded.
7. device as claimed in claim 6, it is characterised in that described device also includes：
Judge module, completes for judging whether the JS files load；
Change module, for when JS files loading is completed, the state of the JS files being changed to into the by first state
Two-state.
8. device as claimed in claim 7, it is characterised in that described device also includes：
Second receiver module, for receiving the clicking operation for button in the target web；
Acquisition module, in response to receiving the clicking operation, obtaining the state of the JS files that the button is related to；
Reminding module, for when the state of at least one JS files in the JS files that the button is related to be first state when, to
User sends information, and the information is used to point out JS files described in user to load.
9. device as claimed in claim 8, it is characterised in that described device also includes：
Performing module, for when the state of the JS files that the button is related to is the second state, performing the push button function.
10. the device as any one of claim 6-9, it is characterised in that described device also includes：
3rd load-on module, for after the completion of the word, document framework loading, loading the first kind in the target web
Picture；
4th load-on module, for when the page scroll of the target web, to the Equations of The Second Kind picture in the target web
Loaded and changed.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201611170861.XA CN106611047A (en) | 2016-12-16 | 2016-12-16 | Webpage loading method and apparatus |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201611170861.XA CN106611047A (en) | 2016-12-16 | 2016-12-16 | Webpage loading method and apparatus |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN106611047A true CN106611047A (en) | 2017-05-03 |
Family
ID=58636173
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201611170861.XA Pending CN106611047A (en) | 2016-12-16 | 2016-12-16 | Webpage loading method and apparatus |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN106611047A (en) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111695064A (en) * | 2020-04-29 | 2020-09-22 | 北京城市网邻信息技术有限公司 | Embedded point loading method and device |
Citations (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1987851A (en) * | 2005-12-22 | 2007-06-27 | 腾讯科技（深圳）有限公司 | Updating display method for webpage data |
| CN101483537A (en) * | 2009-02-12 | 2009-07-15 | 周佺喜 | Method for real-time displaying website user status in webpage instant communication |
| CN102073694A (en) * | 2010-12-17 | 2011-05-25 | 传神联合（北京）信息技术有限公司 | Original translated text multi-page checking method |
| CN102591963A (en) * | 2011-12-30 | 2012-07-18 | 奇智软件（北京）有限公司 | Method and device for controlling webpage content loading |
| CN103412890A (en) * | 2013-07-19 | 2013-11-27 | 北京亿赞普网络技术有限公司 | Webpage loading method and device |
| CN104573023A (en) * | 2015-01-12 | 2015-04-29 | 天津车之家科技有限公司 | Webpage picture checking method and device as well as computing device |
| CN105205845A (en) * | 2015-09-14 | 2015-12-30 | 广州视睿电子科技有限公司 | Webpage animation rendering method and device |
| CN105701246A (en) * | 2015-11-25 | 2016-06-22 | 青岛海信电器股份有限公司 | Terminal information loading method and device based on web application |
-
2016
- 2016-12-16 CN CN201611170861.XA patent/CN106611047A/en active Pending
Patent Citations (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1987851A (en) * | 2005-12-22 | 2007-06-27 | 腾讯科技（深圳）有限公司 | Updating display method for webpage data |
| CN101483537A (en) * | 2009-02-12 | 2009-07-15 | 周佺喜 | Method for real-time displaying website user status in webpage instant communication |
| CN102073694A (en) * | 2010-12-17 | 2011-05-25 | 传神联合（北京）信息技术有限公司 | Original translated text multi-page checking method |
| CN102591963A (en) * | 2011-12-30 | 2012-07-18 | 奇智软件（北京）有限公司 | Method and device for controlling webpage content loading |
| CN103412890A (en) * | 2013-07-19 | 2013-11-27 | 北京亿赞普网络技术有限公司 | Webpage loading method and device |
| CN104573023A (en) * | 2015-01-12 | 2015-04-29 | 天津车之家科技有限公司 | Webpage picture checking method and device as well as computing device |
| CN105205845A (en) * | 2015-09-14 | 2015-12-30 | 广州视睿电子科技有限公司 | Webpage animation rendering method and device |
| CN105701246A (en) * | 2015-11-25 | 2016-06-22 | 青岛海信电器股份有限公司 | Terminal information loading method and device based on web application |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111695064A (en) * | 2020-04-29 | 2020-09-22 | 北京城市网邻信息技术有限公司 | Embedded point loading method and device |
| CN111695064B (en) * | 2020-04-29 | 2023-08-18 | 北京城市网邻信息技术有限公司 | Buried point loading method and device |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| EP3465467B1 (en) | Web page accelerations for web application hosted in native mobile application | |
| CN104838405B (en) | The method and system of test frame for application program | |
| CN103886029B (en) | Implementation method, device, server and the system of web application | |
| CN104572843B (en) | The loading method and device of a kind of page | |
| US9015657B2 (en) | Systems and methods for developing and delivering platform adaptive web and native application content | |
| CN104657499A (en) | Webpage loading method and device of client-side APP (Application) | |
| CN111061956B (en) | Method and apparatus for generating information | |
| CN104408204A (en) | Method and device for obtaining webpage page link address | |
| CN106021549A (en) | Page control method and device of web application program and terminal device | |
| CN105373478B (en) | Automated testing method and system | |
| US10263858B2 (en) | Environment simulator for user percentile | |
| CN105205180A (en) | Knowledge map evaluation method and device | |
| CN105528132B (en) | Text Entry display methods and device applied to browser | |
| CN103581987B (en) | The test method and device of the page download speed of mobile terminal device | |
| US10991398B2 (en) | Automated video bumper system | |
| US20120331038A1 (en) | Systems and methods for processing web service piped network requests | |
| CN109948074A (en) | Website data interconnection method, device, storage medium, processor and electronic equipment | |
| US9648078B2 (en) | Identifying a browser for rendering an electronic document | |
| CN107305528B (en) | Application testing method and device | |
| CN104777960B (en) | The method and apparatus for realizing the compound object horse race lamp of sectional triggering | |
| CN103544271B (en) | Load Image in a kind of browser the method and apparatus for processing window | |
| CN103488508B (en) | Browser working method, browser and terminal equipment | |
| CN102880698A (en) | Method and device for determining caught website | |
| CN106611047A (en) | Webpage loading method and apparatus | |
| CN104796929B (en) | Network debugging method and device |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| RJ01 | Rejection of invention patent application after publication | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20170503 |