CN109101303A - Intelligent picture lazyness loading method - Google Patents

Intelligent picture lazyness loading method Download PDF

Info

Publication number
CN109101303A
CN109101303A CN201810726417.4A CN201810726417A CN109101303A CN 109101303 A CN109101303 A CN 109101303A CN 201810726417 A CN201810726417 A CN 201810726417A CN 109101303 A CN109101303 A CN 109101303A
Authority
CN
China
Prior art keywords
picture
width
loading
lazyload
parameter
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
CN201810726417.4A
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.)
Hangzhou Tuya Information Technology Co Ltd
Original Assignee
Hangzhou Tuya 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 Hangzhou Tuya Information Technology Co Ltd filed Critical Hangzhou Tuya Information Technology Co Ltd
Priority to CN201810726417.4A priority Critical patent/CN109101303A/en
Publication of CN109101303A publication Critical patent/CN109101303A/en
Pending legal-status Critical Current

Links

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

Landscapes

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

Abstract

The invention discloses a kind of combination picture tailoring technique and caching technologies, can easily realize picture on-demand loading service, avoid the wasting of resources and performance loss, to improve the intelligent picture lazyness loading method that user accesses the user experience of website.The method step includes that setting server-side is supported to cut out figure according to parameter;Judge whether user needs to carry out picture resource Optimized loading according to getting parms.(1) suitable picture is loaded automatically according to the value of document.devicePixelRatio.(2) when multiple domain name, guaranteeing that same picture loads all every time by certain algorithm is to cooperate image cache technology directly to take from local cache when the same picture of second of load may be implemented on fixed domain.

Description

Intelligent picture lazyness loading method
Technical field
The present invention relates to computer communication technology field more particularly to a kind of picture loading methods.
Background technique
As the content of web page is more and more abundant, the use of picture resource also increases therewith.This when of bring money Source waste problem and performance issue just become more prominent.Such as: the high clear screen adaptation issues of picture;Response type picture adaptation is asked Topic;Guarantee picture domain name distribution stable problem etc. when multiple domain name loading figure.If problem above is dealt with improperly, picture will lead to The load of resource wastes, and then influences user experience.This programme is exactly to be born in this context, is mainly used in web and answers The wasting of resources and performance issue when with solving multiple domain name, the load of multi-screen picture.
The place but technical solution in the prior art comes with some shortcomings:
(1) we usually use high definition picture in high definition screen in practical applications, if also using high definition in low clear screen Screen is exactly the waste of resource, and it is how different according to screen resolution and aggravate different clarity to solve to need a scheme Picture, guarantee user experience it is constant while avoid the wasting of resources.
(2) when doing response type webpage, if we do not do the figure that all screens of optimization processing all use 800*800px Piece, it is evident that will lead to the waste of picture resource.
(3) web application is run under Http1.x agreement, because the resource under the same domain name of limitation of browser is simultaneously Concurrently load is limited in 3-6, also means that if when we are only Loaded Image with 1 domain name, regardless of we have on the net How soon, our synchronizations also can only at most load 6 figures, this when, we were usually the multiple domain names of application to guarantee to scheme Piece concurrently loads, but the problem of therefore bringing is exactly: the load for the first time of same picture is with http://s1.test.com Domain name load, user may once become the load of http://s2.test.com domain name in refreshing, thus will appear same One picture is possible to the problem of being loaded by 2 domain names, and secondary load is exactly the wasting of resources from caching, because false If we are to take piece from a fixed domain name, and this picture has and added caching every time, it is exactly straight that second of client, which is refreshed, It connects to postpone and accesses picture, effectively avoid first resource waste.
(4) some systems can also do picture adaptation scheme now, and general thinking exists<img>different figures are added above label The attribute of piece, <img src=" http://s1.test.com/b.gif " data-x2-src=" http: // S1.test.com/logo@1x.png " data-x2-src=" http://s1.test.com/logo@2x.png " data- X3-src=" http://s1.test.com/logo@3x.png " >, current screen size is then judged by js to load not Same picture ruler.
Summary of the invention
Present invention aim to address above-mentioned shortcomings in the prior art, and it is gentle to provide a kind of combination picture tailoring technique Technology is deposited, picture on-demand loading service can be easily realized, avoid the wasting of resources and performance loss, to improve user's access The intelligent picture lazyness loading method of the user experience of website.
The present invention discloses a kind of intelligent picture lazyness loading method, comprising the following steps:
Server-side is arranged to support to cut out figure according to parameter;
Judge whether user needs to carry out picture resource Optimized loading according to getting parms.
Preferably, judging whether user needs the step of carrying out picture resource Optimized loading according to getting parms, into one Step includes:
Step a, the resource tag of scanning institute progress resource optimization in need, if it is class div tag, behind will be direct The picture that on-demand loading is come is applied to inline style;If it is img label, the picture that directly on-demand loading will be come It is applied on the src attribute of img label;
Step b initializes default configuration, and pseudocode is as follows:
Var LazyLoad=require (' lazyload ');
Var lazyload=new LazyLoad (' .jImg ', { domain:[' s1.test.com ', ' s2.test.com'],w:100});
lazyload.load();
lazyload.on(‘loading’,function(currentEle,context){})
lazyload.on(‘loaded’,function(currentEle,context){})
lazyload.on(‘error,function(currentEle,context){})
Step c, it is described specific if the picture that user specifies, which has arrived visible area, will first match whether have special parameter Parameter refers to the value of the configuration parameter data-img-config in class div tag or img label, if there is just being matched with label Set parameters distribution global configuration parameter;
Step d will be generated by this rule in client new after obtaining the parameter information that this picture finally to be executed Picture address, then browser just to photo services send request;
Step e, picture servers receive request and just judge picture later and whether there is, the directly return if deposited if, If there is no the picture for just cutting needs according to parameter;
Step f, client receives after server end response is adjusted back it may determine that whether picture loads success, if success Picture path is just updated into label;One is done if loading failure unsuccessfully to identify, it is all to need support intelligent picture load Label all can be there are three types of state loading: in load, loaded: load successfully, error: loading and fail, these three states 3 events are corresponded to, developer can very easily utilize this little event customized demand.
Preferably, picture create-rule is as follows in the step d:
Step I first judges the format that Image ID (value of data-img-src) defines before whether meeting, if meeting Canonical matches Image ID (imgID, 32 HASH) and picture original size (widthxheight), size=w:width, h:height}.It continues to go down surface current journey if cooperation is legal, if mismatching determine whether it is that a legal url is asked It asks, if it is legal url request, just directly (class div tag is < div style=" to the picture of pressure replacement picture tag Background-image:url (imgPath) " ...></div>, img label is<img src=" imgPath"…>), such as Fruit, which does not meet, just to skip, and triggers error event;
Step II obtains picture HASH, then distributes corresponding domain name with algorithm, the core of algorithm is exactly to obtain in HASH First, face number (if without any number, default be 0), then remmed respectively with first digit with 1 and 2, if Remainder is 1 picture, just uses s1.tuya.com, uses s2.tuya.com if remainder is 2 picture;
Step III, read active user's client-side information, and window.innerWidth, Window.innerHeight and document.devicePixelRatio are cached, and are then monitored Window.onresize updates this 3 variables if monitoring and changing;
Step IV, incoming parameter is analyzed, window.innerWidth and lgw is compared, the relationship of xsw and w cache picture Width;
Step V, the picture width of caching is compared whether in the original image width cached before, if width >= Size.w just directly returns to original graph, and file suffixes is spliced if width < size.w are as follows:? w=width;
Step VI, the picture address that demand is fully met according to the unification of [domain name+Image ID+file suffixes] group, is based on Picture address initiates to request to server end.
Preferably, the step IV, further comprises:
Picture width is cached if window.innerWidth >=1920px are as follows: width=lgw* document.devicePixelRatio;
Picture width is cached if window.innerWidth < 768 are as follows: width=xsw*document. devicePixelRatio;
Picture width is cached if in 768px≤window.innerWidth < 1920 are as follows: width=w* document.devicePixelRatio。
Present invention simultaneously discloses a kind of computer equipment, including memory, processor and storage are on a memory and can be The computer program run on processor, which is characterized in that when the processor executes described program, realize such as any of the above-described The method.
Present invention simultaneously discloses a kind of computer readable storage mediums, are stored thereon with computer program, which is characterized in that The program realizes method as described in any one of the above embodiments when being executed by processor.
By the above means combination picture tailoring technique and caching technology, it can easily realize that picture on-demand loading takes Business, avoids the wasting of resources and performance loss, to improve the user experience that user accesses website.
And it can solve following technical problem:
(1) suitable picture is loaded automatically according to the value of document.devicePixelRatio.
(2) when multiple domain name, guaranteeing that same picture loads all every time by certain algorithm is the cooperation figure on fixed domain Piece caching technology may be implemented directly to take from local cache when the same picture of second of load.
(3) exist<img>the pre-buried mark for meeting definition of label simplifies html, and reducing html redundancy (can also choose pair Then the picture tag answered passes ginseng one group of picture of unified configuration by js will cover if there is identical configuration project on picture The biography for covering js joins configuration).To reduce html size, accelerate page loading velocity.
(4) picture tailoring technique and caching technology are combined we can easily realizes picture on-demand loading service, avoided The wasting of resources and performance loss, to improve the user experience that user accesses website.
Specific embodiment
The present invention is described further With reference to embodiment.
The present invention provides a kind of intelligent picture lazyness loading method, comprising the following steps:
Server-side is arranged to support to cut out figure according to parameter;
Judge whether user needs to carry out picture resource Optimized loading according to getting parms.
Preferably, judging whether user needs the step of carrying out picture resource Optimized loading according to getting parms, into one Step includes:
Step a, the resource tag of scanning institute progress resource optimization in need, if it is class div tag, behind will be direct The picture that on-demand loading is come is applied to inline style;If it is img label, the picture that directly on-demand loading will be come It is applied on the src attribute of img label;
Step b initializes default configuration, and pseudocode is as follows:
Var LazyLoad=require (' lazyload ');
Var lazyload=new LazyLoad (' .jImg ', { domain:[' s1.test.com ', ' s2.test.com'],w:100});
lazyload.load();
lazyload.on(‘loading’,function(currentEle,context){})
lazyload.on(‘loaded’,function(currentEle,context){})
lazyload.on(‘error,function(currentEle,context){})
Step c, it is described specific if the picture that user specifies, which has arrived visible area, will first match whether have special parameter Parameter refers to the value of the configuration parameter data-img-config in class div tag or img label, if there is just being matched with label Set parameters distribution global configuration parameter;
Step d will be generated by this rule in client new after obtaining the parameter information that this picture finally to be executed Picture address, then browser just to photo services send request;
Step e, picture servers receive request and just judge picture later and whether there is, the directly return if deposited if, If there is no the picture for just cutting needs according to parameter;
Step f, client receives after server end response is adjusted back it may determine that whether picture loads success, if success Picture path is just updated into label;One is done if loading failure unsuccessfully to identify, it is all to need support intelligent picture load Label all can be there are three types of state loading: in load, loaded: load successfully, error: loading and fail, these three states 3 events are corresponded to, developer can very easily utilize this little event customized demand.
Preferably, picture create-rule is as follows in the step d:
Step I first judges the format that Image ID (value of data-img-src) defines before whether meeting, if meeting Canonical matches Image ID (imgID, 32 HASH) and picture original size (widthxheight), size=w:width, h:height}.It continues to go down surface current journey if cooperation is legal, if mismatching determine whether it is that a legal url is asked It asks, if it is legal url request, just directly (class div tag is < div style=" to the picture of pressure replacement picture tag Background-image:url (imgPath) " ...></div>, img label is<img src=" imgPath"…>), such as Fruit, which does not meet, just to skip, and triggers error event;
Step II obtains picture HASH, then distributes corresponding domain name with algorithm, the core of algorithm is exactly to obtain in HASH First, face number (if without any number, default be 0), then remmed respectively with first digit with 1 and 2, if Remainder is 1 picture, just uses s1.tuya.com, uses s2.tuya.com if remainder is 2 picture;
Step III, read active user's client-side information, and window.innerWidth, Window.innerHeight and document.devicePixelRatio are cached, and are then monitored Window.onresize updates this 3 variables if monitoring and changing;
Step IV, incoming parameter is analyzed, window.innerWidth and lgw is compared, the relationship of xsw and w cache picture Width;
Step V, the picture width of caching is compared whether in the original image width cached before, if width >= Size.w just directly returns to original graph, and file suffixes is spliced if width < size.w are as follows:? w=width;
Step VI, the picture address that demand is fully met according to the unification of [domain name+Image ID+file suffixes] group, is based on Picture address initiates to request to server end.
Preferably, the step IV, further comprises:
Picture width is cached if window.innerWidth >=1920px are as follows: width=lgw* document.devicePixelRatio;
Picture width is cached if window.innerWidth < 768 are as follows: width=xsw*document. devicePixelRatio;
Picture width is cached if in 768px≤window.innerWidth < 1920 are as follows: width=w* document.devicePixelRatio。
By the above means combination picture tailoring technique and caching technology, we can easily realize picture on-demand loading Service, avoids the wasting of resources and performance loss, to improve the user experience that user accesses website.
And it can solve following technical problem:
(1) suitable picture is loaded automatically according to the value of document.devicePixelRatio.
(2) when multiple domain name, guaranteeing that same picture loads all every time by certain algorithm is the cooperation figure on fixed domain Piece caching technology may be implemented directly to take from local cache when the same picture of second of load.
(3) exist<img>the pre-buried mark for meeting definition of label simplifies html, and reducing html redundancy (can also choose pair Then the picture tag answered passes ginseng one group of picture of unified configuration by js will cover if there is identical configuration project on picture The biography for covering js joins configuration).To reduce html size, accelerate page loading velocity.
(4) section combination picture tailoring technique and caching technology we can easily realize picture on-demand loading service, keep away Exempt from the wasting of resources and performance loss, to improve the user experience that user accesses website.
Assuming that one screen of user, which can see picture, 20, the original size of the size of every picture is 1000* 1000px, is 200KB, and design basis size is 300*300px.
1. if this system is shown in 2 times of high definition screens, originally for user experience it is desirable that 2 times of screens use 600* 600px (150KB) figure, 1 times of screen directly use 600* if we do not do any optimization with the figure of 300*300px (100KB) 600px figure is unified to be adapted to all client screen sizes.It is high clear screen that we, which have 50 users, at this time, and 50 users are low clear screens Curtain, it is meant that, the flow that we waste (150-100) * 50KB is not said, also allow the load of low resolution to become slow, from And affect user experience.
2. if we are in response to formula system.We wished lg 600*600px (150KB), xs 300* originally 300px(100KB).If we do not do any optimization, all using the figure of 600*600px specification.We have 50 use at this time Family is lg mode access, and 50 users are xs mode access, it is meant that, we waste the flow of (150-100) * 50KB.
If we enable multiple domain, name is concurrent.2 concurrent domain name s1.test.com and s2.test.com are enabled, and Picture enables caching, and desirably s1.test.com and s2.test.com was respectively assigned to 50 pictures originally.If we If being not processed, it is 100*200KB that user has loaded picture to need the flow used for the first time, has loaded picture for the second time then It may need flow 0*200KB to 100*200KB, number of request 0 to 100 time;If doing concurrent domain name algorithm process, For the first time or 100*200KB, flow 0KB is needed for the second time, number of request 0 time.

Claims (6)

1. a kind of intelligence picture lazyness loading method, which comprises the following steps:
Server-side is arranged to support to cut out figure according to parameter;
Judge whether user needs to carry out picture resource Optimized loading according to getting parms.
2. intelligence picture lazyness loading method according to claim 1, which is characterized in that judge that user is according to getting parms It is no to need the step of carrying out picture resource Optimized loading, further comprise:
Step a, the resource tag of scanning institute progress resource optimization in need, if it is class div tag, behind will be directly pressing The picture that need to be loaded is applied to inline style;If it is img label, the picture application that directly on-demand loading will be come Onto the src attribute of img label;
Step b initializes default configuration, and pseudocode is as follows:
Var LazyLoad=require (' lazyload ');
Var lazyload=new LazyLoad (' .jImg ', { domain:[' s1.test.com ', ' s2.test.com '], w:100});
lazyload.load();
lazyload.on(‘loading’,function(currentEle,context){})
lazyload.on(‘loaded’,function(currentEle,context){})
lazyload.on(‘error,function(currentEle,context){})
Step c, if the picture that user specifies, which has arrived visible area, will first match whether have special parameter, the special parameter The value for referring to the configuration parameter data-img-config in class div tag or img label is joined if there is just being configured with label Number covering global configuration parameter;
Step d will generate new figure in client by this rule after obtaining the parameter information that this picture finally to be executed Piece address, then browser just sends to photo services and requests;
Step e, picture servers receive request and just judge picture later and whether there is, the directly return if deposited if, if There is no the picture needed is just cut according to parameter;
Step f, client receives after server end response readjustment it may determine that whether picture loads success, past if success Picture path is updated in label;It does one if loading failure unsuccessfully to identify, all marks for needing support intelligent picture load Label all can be there are three types of state loading: in load, loaded: load successfully, error: load failure, these three states are corresponding 3 events, developer can very easily utilize this little event customized demand.
3. intelligence picture lazyness loading method according to claim 1, which is characterized in that in the step d, picture generates rule It is then as follows:
Step I first judges the format that Image ID (value of data-img-src) defines before whether meeting, if met with regard to canonical Match Image ID (imgID, 32 HASH) and picture original size (widthxheight), size=w:width, h: height}.It continues to go down surface current journey if cooperation is legal, determines whether it is a legal url request if mismatched, If it is legal url request, just directly (class div tag is < div style=" to the picture of pressure replacement picture tag Background-image:url (imgPath) " ...></div>, img label is<img src="imgPath"…>), if It does not meet and just skips, and trigger error event;
Step II obtains picture HASH, then distributes corresponding domain name with algorithm, and the core of algorithm is exactly to obtain inside HASH the One number is (if default is 0), then to be remmed respectively with first digit with 1 and 2, if remainder without any number It is 1 picture, just uses s1.tuya.com, use s2.tuya.com if remainder is 2 picture;
Step III, read active user's client-side information, and window.innerWidth, window.innerHeight and Document.devicePixelRatio is cached, and then monitors window.onresize, if monitoring and changing more This new 3 variables;
Step IV, incoming parameter is analyzed, window.innerWidth and lgw is compared, the relationship of xsw and w cache picture width;
Step V, the picture width of caching is compared whether in the original image width cached before, if width >= Size.w just directly returns to original graph, and file suffixes is spliced if width < size.w are as follows:? w=width;
Step VI, the picture address that demand is fully met according to the unification of [domain name+Image ID+file suffixes] group, is based on picture It initiates to request to server end in address.
4. intelligence picture lazyness loading method according to claim 1, which is characterized in that the step IV further comprises:
Picture width is cached if window.innerWidth >=1920px are as follows: width=lgw* document.devicePixelRatio;
Picture width is cached if window.innerWidth < 768 are as follows: width=xsw* document.devicePixelRatio;
Picture width is cached if in 768px≤window.innerWidth < 1920 are as follows: width=w* document.devicePixelRatio。
5. a kind of computer equipment including memory, processor and stores the meter that can be run on a memory and on a processor Calculation machine program, which is characterized in that when the processor executes described program, realize as of any of claims 1-4 Method.
6. a kind of computer readable storage medium, is stored thereon with computer program, which is characterized in that the program is held by processor Such as method of any of claims 1-4 is realized when row.
CN201810726417.4A 2018-07-04 2018-07-04 Intelligent picture lazyness loading method Pending CN109101303A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201810726417.4A CN109101303A (en) 2018-07-04 2018-07-04 Intelligent picture lazyness loading method

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201810726417.4A CN109101303A (en) 2018-07-04 2018-07-04 Intelligent picture lazyness loading method

Publications (1)

Publication Number Publication Date
CN109101303A true CN109101303A (en) 2018-12-28

Family

ID=64845716

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201810726417.4A Pending CN109101303A (en) 2018-07-04 2018-07-04 Intelligent picture lazyness loading method

Country Status (1)

Country Link
CN (1) CN109101303A (en)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111475245A (en) * 2020-04-08 2020-07-31 腾讯科技(深圳)有限公司 Dynamic picture display method and device, electronic equipment and computer storage medium

Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102917067A (en) * 2012-10-24 2013-02-06 网宿科技股份有限公司 Method and device for increasing response speed based on self-adaption concurrency control of client
CN103164541A (en) * 2013-04-15 2013-06-19 北京奇虎科技有限公司 Image presentation method and equipment
CN104182403A (en) * 2013-05-22 2014-12-03 阿里巴巴集团控股有限公司 Method and equipment for loading image information
CN104657380A (en) * 2013-11-20 2015-05-27 青岛海信移动通信技术股份有限公司 Picture loading method and device
CN105912336A (en) * 2016-04-11 2016-08-31 江苏中威科技软件系统有限公司 Multi-screen adaptive method for mobile terminal front-end development
CN106021557A (en) * 2016-05-30 2016-10-12 努比亚技术有限公司 Image loading method and device
US9910928B2 (en) * 2014-12-15 2018-03-06 International Business Machines Corporation Browser interaction for lazy loading operations

Patent Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102917067A (en) * 2012-10-24 2013-02-06 网宿科技股份有限公司 Method and device for increasing response speed based on self-adaption concurrency control of client
CN103164541A (en) * 2013-04-15 2013-06-19 北京奇虎科技有限公司 Image presentation method and equipment
CN104182403A (en) * 2013-05-22 2014-12-03 阿里巴巴集团控股有限公司 Method and equipment for loading image information
CN104657380A (en) * 2013-11-20 2015-05-27 青岛海信移动通信技术股份有限公司 Picture loading method and device
US9910928B2 (en) * 2014-12-15 2018-03-06 International Business Machines Corporation Browser interaction for lazy loading operations
CN105912336A (en) * 2016-04-11 2016-08-31 江苏中威科技软件系统有限公司 Multi-screen adaptive method for mobile terminal front-end development
CN106021557A (en) * 2016-05-30 2016-10-12 努比亚技术有限公司 Image loading method and device

Non-Patent Citations (2)

* Cited by examiner, † Cited by third party
Title
NGINXS: "前端性能优化--图片懒加载(lazyload image)", 《HTTPS://BLOG.CSDN.NET/NGINXS/ARTICLE/DETAILS/77131044》 *
喝杯茶: "简单的图片裁剪服务器", 《HTTPS://WWW.CNBLOGS.COM/DJOKER/P/7062147.HTML》 *

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111475245A (en) * 2020-04-08 2020-07-31 腾讯科技(深圳)有限公司 Dynamic picture display method and device, electronic equipment and computer storage medium

Similar Documents

Publication Publication Date Title
US11303720B2 (en) Origin and cache server cooperation for compute-intensive content delivery
US8447876B2 (en) Content timing method and system
US10242100B2 (en) Managing cached data in a network environment
US7533142B2 (en) Method for enabling associated portlets of a web portlet to collaborate for synchronized content display
US8312170B2 (en) Method and apparatus for managing a collection of portlets in a portal server
US10880391B2 (en) Method and apparatus for relaying session information from a portal server
CN103209223B (en) distributed application session information sharing method, system and application server
US7146563B2 (en) Maintaining screen and form state in portlets
CN102985921B (en) There is the client terminal device high speed caching electronic document resources of e-sourcing data base
US20060235935A1 (en) Method and apparatus for using business rules or user roles for selecting portlets in a web portal
CN104714965B (en) Static resource De-weight method, static resource management method and device
US20090204682A1 (en) Caching http request and response streams
CN108984170A (en) The multilingual rendering method of the H5 page and device
CN106657287A (en) Data access method and system
EP2590113A1 (en) On demand multi-objective network optimization
CN112131504B (en) Webpage editing and displaying method, device, equipment and storage medium
JP2000322395A (en) Method and device for coordination proxy system for distribution of object rendering
US6938072B2 (en) Method and apparatus for minimizing inconsistency between data sources in a web content distribution system
US11086637B1 (en) Configuration transformation and delivery
US20200320154A1 (en) A webpage loading method, webpage loading system and server
CN105871590A (en) Client data updating method, client and server
CN103269353B (en) Web caches back source optimization method and Web caching system
US20170068644A1 (en) Systems, devices, and methods for dynamically generating webpages
CN109101303A (en) Intelligent picture lazyness loading method
EP2901658B1 (en) Request-agnostic caching for a data resource collection

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: 20181228

RJ01 Rejection of invention patent application after publication