CN104601691A - Method and system for increasing loading speed of Web site resource - Google Patents
Method and system for increasing loading speed of Web site resource Download PDFInfo
- Publication number
- CN104601691A CN104601691A CN201510015403.8A CN201510015403A CN104601691A CN 104601691 A CN104601691 A CN 104601691A CN 201510015403 A CN201510015403 A CN 201510015403A CN 104601691 A CN104601691 A CN 104601691A
- Authority
- CN
- China
- Prior art keywords
- resource
- loading
- client
- user
- data
- 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
Landscapes
- Information Transfer Between Computers (AREA)
Abstract
The invention relates to the field of application of internet data, and discloses method and system for increasing the loading speed of a Web site resource. The method comprises the steps of building a Web browser side to be accessed through an all-static resource; preloading and asynchronously loading the Web resource to be accessed, and storing into a client memory by the mode of loading as requirement; accessing a Web browser by a user; acquiring data from a client cache. With the adoption of the method, the cost of server hardware device can be decreased, and moreover, the user access efficiency is greatly increased by the modes such as preloading and extremely compressing files; meanwhile, the data access safety can be improved.
Description
Technical field
The present invention relates to internet data application, particularly relate to a kind of method and system improving Web site resource loading velocity.
Background technology
In the web application of existing the Internet, there is access speed problem slowly in a lot of website, and in order to increase access speed, service provider is often through dropping into a large amount of hardware resources or improving the access speed that the network bandwidth improves user.
The following method of technological means Main Basis solved the problem at present:
1., when user needs to obtain certain resource access site, first need instant request server to download all resources relied on;
2. request resource comprises all static resources and dynamic resource, and all resources, comprises static resource, returns to client user after all needing server parses;
3. all javascript files and CSS file all return to client without limited compression;
But, in above-mentioned solution, exist following not enough:
1. all resources return to user after all needing server parses, after user's visit capacity is huge, cause huge pressure to server, and user's access speed could improve often through a large amount of hardware resource of input in service provider;
2. the obstructed overcompression of static resource file returns to client and causes great bandwidth waste, and reduce Consumer's Experience, fail safe is also poor simultaneously.
Therefore, how to design a kind of raising user access rate, and the resource acquiring method improving the fail safe of data access just becomes current problem demanding prompt solution.
Summary of the invention
For solving the problems of the technologies described above, the invention discloses a kind of method improving Web site resource loading velocity, it comprises following steps:
Adopted by Web browser end to be visited full static resource to build to form;
By Web resource to be visited, adopt prestrain, the mode of Asynchronous loading and on-demand loading is stored in client internal memory;
User accesses Web browser, from client-cache, obtain data.
Further, in the above-mentioned methods, the dynamic data of Web browser end resource adopts and loads data with XMLHTTPRequest asynchronous system.
Further, in the above-mentioned methods, first the css file of Web browser end resource and javascript file are disposed by uploading to service end after limited compression tool compresses again.
Further, in the above-mentioned methods, after limited compression, after server end adopts GZIP mode to carry out second compression more again, be supplied to browser client access and use.
Further, in the above-mentioned methods, when user accesses concrete resource, if there is not this resource in client-cache, load data according to the pattern of single example, on-demand loading, in the buffer by the Resource Storage after loading simultaneously.
On the other hand, the present invention also provides a kind of system improving Web site resource loading velocity simultaneously, and described system comprises:
Resource construction module, builds for web browser end resource to be visited being adopted full static resource and forms;
Load-on module, for for user's resource to be visited, adopts prestrain, the mode of Asynchronous loading and on-demand loading is stored in client internal memory;
Acquisition module, for when user is by Web browser access site, obtains data from client-cache.
Preferably, described system also comprises:
Dlm (dynamic loading module), loads data for being adopted by the dynamic data of browser end resource with XMLHTTPRequest asynchronous system.
Preferably, described system also comprises:
First compression module, for disposing the css file of browser end resource and javascript file by uploading to service end after limited compression tool compresses again.
Preferably, described system also comprises:
Second-compressed module, for after limited compression, then after adopting GZIP mode to carry out second compression again, is supplied to browser client access and uses.
Preferably, described system also comprises:
On-demand loading module, during for accessing concrete resource as user, if there is not this resource in client-cache, loads data according to the pattern of single example, on-demand loading, in the buffer by the Resource Storage after loading simultaneously.
Compared with prior art, a kind of method and system improving Web site resource loading velocity provided by the present invention, web browser end adopts full static resource to build and forms, not high to server apparatus performance requirement, thus reduces service hardware cost; In addition, the present invention, by resource to be visited, adopts the mode of prestrain, asynchronous on-demand loading, load in the mode of mourning in silence in program inside, be stored in client internal memory after completing, during user's official visit page, from buffer memory, obtain data, greatly improve the access efficiency of user; By obscuring and compressing the fail safe also improving data access script simultaneously.
Accompanying drawing explanation
Fig. 1 is that a kind of in the embodiment of the present invention improves the method for Web site resource loading velocity; Schematic flow sheet;
Fig. 2 is the resource loading procedure schematic diagram of user's access site in a preferred embodiment of the present invention.
Embodiment
As employed some vocabulary to censure specific components in the middle of specification and claim.Those skilled in the art should understand, and goods producer may call same parts with different noun.This specification and claims are not used as with the difference of title the mode distinguishing parts, but are used as the criterion of differentiation with parts difference functionally.Specification subsequent descriptions is for implementing better embodiment of the present invention, and right described description is to illustrate for the purpose of rule of the present invention, and is not used to limit scope of the present invention.Protection scope of the present invention is when being as the criterion depending on the claims person of defining.
Below in conjunction with accompanying drawing, the present invention is described in further detail, but not as a limitation of the invention.
With reference to accompanying drawing 1, a kind of method improving Web site resource loading velocity disclosed in the embodiment of the present invention, comprises the steps:
S1: web browser end resource to be visited adopted full static resource to build and form;
S2: for the resource that user is to be visited, adopts prestrain, the mode of Asynchronous loading and on-demand loading is stored in client internal memory;
S3: user, by Web browser access site, obtains data from client-cache.
Web browser end of the present invention adopts full static resource to build and forms, not high to server apparatus performance requirement, thus reduces service hardware cost.
Specifically, form for site resource, web front end and browser end resource all adopt full static resource to build and form, and dynamic effect data acquisition loads data in order to XMLHTTPRequest asynchronous system.XMLHttpRequest object when not submitting full page to server, can realize local updating webpage.When after the whole loaded of the page, client by this object to server request data, server end accept data and process after, to client feedback data.XMLHttpRequest can the synchronous or asynchronous response returning Web server, and can with text or a DOM document form returned content.XMLHttpRequest is not limited to use together with XML document, and it can also receive any type of text document.XMLHttpRequest is to the key function liking the web application framework being called AJAX.
Wherein, after having loaded dynamic data, first the css file of Web browser end resource and javascript file have been disposed by uploading to service end after limited compression tool compresses again.After a limited compression, after server end adopts GZIP mode to carry out second compression more again, be supplied to browser client access and use.After two second compression, the large I of original file size reduces 70%, and greatly improve download and the access speed of user, in addition, obscuring and compressing the fail safe that simultaneously improve system of script, improves the fail safe of data access.
In embodiments of the invention, when user to access pages, for resource to be visited, adopt the mode of prestrain, asynchronous on-demand loading, load in the mode of mourning in silence in program inside, be stored in client internal memory after completing, during user's official visit page, from buffer memory, obtain data, greatly improve the access efficiency of user.If when accessing concrete resource, there is not this resource in buffer memory, data can be loaded according to the pattern of single example, on-demand loading, in the buffer by the Resource Storage after loading simultaneously.
Prestrain in Web was exactly before webpage all loads, loads, better experience to be supplied to user some main contents, reduced the time waited for.Otherwise, if the content of a page is too huge, do not use the page of prestrain technology will be presented as blank out for a long time, until all the elements loaded.Asynchronous loading refers generally to run time version while loading, and Asynchronous loading, accelerates the load time of the page, simultaneously can on-demand loading, and save flow, on-demand loading is important measures during performance of front end is optimized.
As shown in Figure 2, when user accesses web resource, if access first, will the mode of prestrain be adopted to load public resource to buffer memory, page static data loads from buffer memory, raises the efficiency; Then judge whether user belongs to access static data first, if access static data first, then by the css file of resource and javascript file by end of uploading onto the server after limited compression tool compresses, server end adopts GZIP mode to carry out second compression more again, is supplied to server; And then judge whether user has the order of dynamic data request, if any, then carry out the loading of dynamic data according to mode that is asynchronous, on-demand loading, final access dynamic data service device.
One of ordinary skill in the art will appreciate that, the all or part of step realized in above-described embodiment method is that the hardware that can carry out instruction relevant by program has come, described program can be stored in a computer read/write memory medium, this program is when performing, comprise each step of above-described embodiment method, and described storage medium can be: ROM/RAM, magnetic disc, CD, storage card etc.Therefore, relevant technical staff in the field will be understood that corresponding with method of the present invention, and the present invention also comprises a kind of raising Web site resource loading velocity system simultaneously, and each functional module of this system and said method step one_to_one corresponding, do not repeat them here.
The present invention, in the application of CMS system, can adopt the mode of prestrain in login page, load generic resource, all javascript and css files can be compressed by the limited compression instrument of this patent, thus greatly improve Consumer's Experience.
Above-mentioned explanation illustrate and describes some preferred embodiments of the present invention, but as previously mentioned, be to be understood that the present invention is not limited to the form disclosed by this paper, should not regard the eliminating to other embodiments as, and can be used for other combinations various, amendment and environment, and can in invention contemplated scope described herein, changed by the technology of above-mentioned instruction or association area or knowledge.And the change that those skilled in the art carry out and change do not depart from the spirit and scope of the present invention, then all should in the protection range of claims of the present invention.
Claims (10)
1. improve a method for Web site resource loading velocity, it is characterized in that, described method comprises step:
Web browser end resource to be visited adopted full static resource to build to form;
For the resource that user is to be visited, adopt prestrain, the mode of Asynchronous loading and on-demand loading is stored in client internal memory;
User, by Web browser access site, obtains data from client-cache.
2. the method improving Web site resource loading velocity as claimed in claim 1, is characterized in that, the dynamic data of browser end resource adopts and loads data with XMLHTTPRequest asynchronous system.
3. the method improving Web site resource loading velocity as claimed in claim 1, is characterized in that, first the css file of browser end resource and javascript file are disposed by uploading to service end after limited compression tool compresses again.
4. the method improving Web site resource loading velocity as claimed in claim 3, is characterized in that, after limited compression, after server end adopts GZIP mode to carry out second compression more again, is supplied to browser client access and uses.
5. the method improving Web site resource loading velocity as claimed in claim 1, it is characterized in that, when user accesses concrete resource, if there is not this resource in client-cache, load data, in the buffer by the Resource Storage after loading according to the pattern of single example, on-demand loading simultaneously.
6. improve a system for Web site resource loading velocity, it is characterized in that, described system comprises:
Resource construction module, builds for web browser end resource to be visited being adopted full static resource and forms;
Load-on module, for for user's resource to be visited, adopts prestrain, the mode of Asynchronous loading and on-demand loading is stored in client internal memory;
Acquisition module, for when user is by Web browser access site, obtains data from client-cache.
7. system as claimed in claim 6, it is characterized in that, described system also comprises:
Dlm (dynamic loading module), loads data for being adopted by the dynamic data of browser end resource with XMLHTTPRequest asynchronous system.
8. system as claimed in claim 6, it is characterized in that, described system also comprises:
First compression module, for disposing the css file of browser end resource and javascript file by uploading to service end after limited compression tool compresses again.
9. system as claimed in claim 8, it is characterized in that, described system also comprises:
Second-compressed module, for after limited compression, then after adopting GZIP mode to carry out second compression again, is supplied to browser client access and uses.
10. system as claimed in claim 6, it is characterized in that, described system also comprises:
On-demand loading module, during for accessing concrete resource as user, if there is not this resource in client-cache, loads data according to the pattern of single example, on-demand loading, in the buffer by the Resource Storage after loading simultaneously.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201510015403.8A CN104601691A (en) | 2015-01-13 | 2015-01-13 | Method and system for increasing loading speed of Web site resource |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201510015403.8A CN104601691A (en) | 2015-01-13 | 2015-01-13 | Method and system for increasing loading speed of Web site resource |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN104601691A true CN104601691A (en) | 2015-05-06 |
Family
ID=53127185
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201510015403.8A Pending CN104601691A (en) | 2015-01-13 | 2015-01-13 | Method and system for increasing loading speed of Web site resource |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN104601691A (en) |
Cited By (13)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105404516A (en) * | 2015-12-01 | 2016-03-16 | 安徽瑞信软件有限公司 | Data analysis method for service integration |
| CN105634972A (en) * | 2016-01-29 | 2016-06-01 | 四川长虹电器股份有限公司 | Method for improving access efficiency of Web client |
| CN105868378A (en) * | 2016-03-31 | 2016-08-17 | 北京小米移动软件有限公司 | Method and device for obtaining loading velocity of mobile station |
| CN106293675A (en) * | 2015-06-08 | 2017-01-04 | 腾讯科技（深圳）有限公司 | Static system resource loading method and device |
| CN106790158A (en) * | 2016-12-29 | 2017-05-31 | 郑州云海信息技术有限公司 | A kind of data processing method based on B/S frameworks, system and client |
| CN106936727A (en) * | 2015-12-30 | 2017-07-07 | 中国移动通信集团云南有限公司 | A kind of Webpage display process and device |
| CN107291771A (en) * | 2016-04-11 | 2017-10-24 | 平安科技（深圳）有限公司 | The Access Optimization method and webpage rich client system of webpage rich client system |
| CN107451182A (en) * | 2017-06-15 | 2017-12-08 | 彭志勇 | file caching method based on Appcache |
| CN109255086A (en) * | 2018-08-27 | 2019-01-22 | 四川长虹电器股份有限公司 | Webpage loading velocity optimization method and device based on ionic Development Framework |
| CN111767494A (en) * | 2019-04-01 | 2020-10-13 | 广州精选速购网络科技有限公司 | Commodity detail page linkage display method and system, electronic equipment and medium |
| CN113141407A (en) * | 2021-04-25 | 2021-07-20 | 上海淇玥信息技术有限公司 | Page resource loading method and device and electronic equipment |
| CN113542356A (en) * | 2021-06-10 | 2021-10-22 | 上海甄汇信息科技有限公司 | Method for terminal in local area network to quickly obtain internet resource |
| CN115167799A (en) * | 2022-09-06 | 2022-10-11 | 深圳市信润富联数字科技有限公司 | Rapid display method, device, equipment and storage medium of large visual screen |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20100288569A1 (en) * | 2009-05-15 | 2010-11-18 | Ronald Craig Fish | Carbon fiber composite body, multi-fuel engine charging system, electrically driven car |
| CN103186594A (en) * | 2011-12-29 | 2013-07-03 | 盛乐信息技术（上海）有限公司 | WebAPP dynamic offline memory system and method |
| CN103440276A (en) * | 2013-08-08 | 2013-12-11 | 星云融创（北京）信息技术有限公司 | Method and device for improving webpage display speed |
-
2015
- 2015-01-13 CN CN201510015403.8A patent/CN104601691A/en active Pending
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20100288569A1 (en) * | 2009-05-15 | 2010-11-18 | Ronald Craig Fish | Carbon fiber composite body, multi-fuel engine charging system, electrically driven car |
| CN103186594A (en) * | 2011-12-29 | 2013-07-03 | 盛乐信息技术（上海）有限公司 | WebAPP dynamic offline memory system and method |
| CN103440276A (en) * | 2013-08-08 | 2013-12-11 | 星云融创（北京）信息技术有限公司 | Method and device for improving webpage display speed |
Non-Patent Citations (2)
| Title |
|---|
| (美)奥尔蒙等: "《Android web应用高级编程[M]》", 31 December 2012 * |
| ANDREWBKING等: "《WEB站点优化[M]》", 31 December 2009 * |
Cited By (17)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106293675A (en) * | 2015-06-08 | 2017-01-04 | 腾讯科技（深圳）有限公司 | Static system resource loading method and device |
| CN106293675B (en) * | 2015-06-08 | 2020-12-25 | 腾讯科技（深圳）有限公司 | System static resource loading method and device |
| CN105404516A (en) * | 2015-12-01 | 2016-03-16 | 安徽瑞信软件有限公司 | Data analysis method for service integration |
| CN106936727A (en) * | 2015-12-30 | 2017-07-07 | 中国移动通信集团云南有限公司 | A kind of Webpage display process and device |
| CN105634972A (en) * | 2016-01-29 | 2016-06-01 | 四川长虹电器股份有限公司 | Method for improving access efficiency of Web client |
| CN105868378B (en) * | 2016-03-31 | 2019-05-07 | 北京小米移动软件有限公司 | Obtain the method and device of mobile site loading velocity |
| CN105868378A (en) * | 2016-03-31 | 2016-08-17 | 北京小米移动软件有限公司 | Method and device for obtaining loading velocity of mobile station |
| CN107291771A (en) * | 2016-04-11 | 2017-10-24 | 平安科技（深圳）有限公司 | The Access Optimization method and webpage rich client system of webpage rich client system |
| CN106790158A (en) * | 2016-12-29 | 2017-05-31 | 郑州云海信息技术有限公司 | A kind of data processing method based on B/S frameworks, system and client |
| CN107451182B (en) * | 2017-06-15 | 2020-09-29 | 彭志勇 | File caching method based on Appcache |
| CN107451182A (en) * | 2017-06-15 | 2017-12-08 | 彭志勇 | file caching method based on Appcache |
| CN109255086A (en) * | 2018-08-27 | 2019-01-22 | 四川长虹电器股份有限公司 | Webpage loading velocity optimization method and device based on ionic Development Framework |
| CN111767494A (en) * | 2019-04-01 | 2020-10-13 | 广州精选速购网络科技有限公司 | Commodity detail page linkage display method and system, electronic equipment and medium |
| CN113141407A (en) * | 2021-04-25 | 2021-07-20 | 上海淇玥信息技术有限公司 | Page resource loading method and device and electronic equipment |
| CN113542356A (en) * | 2021-06-10 | 2021-10-22 | 上海甄汇信息科技有限公司 | Method for terminal in local area network to quickly obtain internet resource |
| CN115167799A (en) * | 2022-09-06 | 2022-10-11 | 深圳市信润富联数字科技有限公司 | Rapid display method, device, equipment and storage medium of large visual screen |
| CN115167799B (en) * | 2022-09-06 | 2023-01-06 | 深圳市信润富联数字科技有限公司 | Rapid display method, device, equipment and storage medium of large visual screen |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN104601691A (en) | Method and system for increasing loading speed of Web site resource | |
| US9916285B2 (en) | Generating a preview of a web page for a mobile terminal | |
| US20140215314A9 (en) | Method for rearranging web page | |
| CN109388766B (en) | Page loading method and device | |
| CN103488732A (en) | Generation method and device of static pages | |
| US20140201617A1 (en) | Method for Browsing Web Page on Mobile Terminal | |
| CN108932332A (en) | The loading method and device of static resource | |
| KR101740071B1 (en) | Utilizing server pre-processing to deploy renditions of electronic documents in a computer network | |
| US8682964B1 (en) | Progressively loading network content | |
| WO2013034094A1 (en) | Webpage browsing method and device, and storage medium | |
| US8516041B1 (en) | Pre-fetching asynchronously requested content | |
| US10599314B2 (en) | Identifying and surfacing relevant report artifacts in documents | |
| CN102185915B (en) | Mobile device and webpage loading method thereof | |
| CN103699674A (en) | Webpage storing method, webpage opening method, webpage storing device, webpage opening device and webpage browsing system | |
| US20120030562A1 (en) | Device and method for generating customized webpages | |
| CN104063401A (en) | Webpage style address merging method and device | |
| CN107291913A (en) | HTML webpage loading method and device | |
| CN109783130A (en) | A kind of packaging method and server of front end project | |
| CN102411625A (en) | Progressive output display method and device | |
| CN102437894A (en) | Method, device and equipment for compressing information to be sent | |
| US20220237042A1 (en) | Resource pre-fetch using age threshold | |
| CN106294760B (en) | Form processing method, server and client | |
| CN108460053A (en) | File memory method and device | |
| US10095791B2 (en) | Information search method and apparatus | |
| CA2527885A1 (en) | Verifying content of resources in markup language documents |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20150506 |
|
| RJ01 | Rejection of invention patent application after publication |