CN111966938B - Configuration method and system for realizing loading speed improvement of front-end page of cloud platform - Google Patents
Configuration method and system for realizing loading speed improvement of front-end page of cloud platformDownload PDFInfo
- Publication number
- CN111966938B CN111966938BCN202010954843.0ACN202010954843ACN111966938BCN 111966938 BCN111966938 BCN 111966938BCN 202010954843 ACN202010954843 ACN 202010954843ACN 111966938 BCN111966938 BCN 111966938B
- Authority
- CN
- China
- Prior art keywords
- loading
- resources
- time
- cloud platform
- valid
- 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.)
- Active
Links
Images
Classifications
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; 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
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; 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/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements 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/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
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
Translated fromChinese
Description
Translated fromChinese技术领域technical field
本发明属于云平台技术领域，具体涉及一种实现云平台前端页面加载速度提升的配置方法及系统。The invention belongs to the technical field of cloud platforms, and in particular relates to a configuration method and system for improving the loading speed of front-end pages of a cloud platform.
背景技术Background technique
在云计算时代，越来越多的行业采用云平台来进行业务管理；作为越来越重要的部分，在其中占据着越来越重要的地位。日益增多的功能需求，伴随着用户的增多，使得前端页面快速的加载与响应变得更为重要。In the era of cloud computing, more and more industries use cloud platforms for business management; as an increasingly important part, they occupy an increasingly important position in them. The increasing functional requirements, along with the increase of users, make the fast loading and response of front-end pages more important.
现有的云平台界面加载存在以下问题：The existing cloud platform interface loading has the following problems:
(1)第一次请求发送后，页面首次加载速度慢；(1) After the first request is sent, the page loads slowly for the first time;
(2)GUI渲染线程与js引擎线程是互斥的，即当js引擎线程在执行时，GUI渲染线程会暂停，影响页面加载效果；(2) The GUI rendering thread and the js engine thread are mutually exclusive, that is, when the js engine thread is executing, the GUI rendering thread will be suspended, affecting the page loading effect;
(3)在云平台中用户访问的资源中有部分资源不属于静态资源，无法进行缓存，而且有些敏感信息也不适合进行缓存，(3) Some of the resources accessed by users in the cloud platform are not static resources and cannot be cached, and some sensitive information is not suitable for caching.
(4)随着用户对于缓存的数据保真性越来越重视，数据的有效性没有得到保证。(4) As users pay more and more attention to the fidelity of cached data, the validity of the data is not guaranteed.
发明内容SUMMARY OF THE INVENTION
针对现有技术的上述不足，本发明提供一种实现云平台前端页面加载速度提升的配置方法及系统，以解决上述技术问题。In view of the above deficiencies of the prior art, the present invention provides a configuration method and system for improving the loading speed of a front-end page of a cloud platform, so as to solve the above technical problems.
第一方面，本发明提供一种实现云平台前端页面加载速度提升的配置方法，包括：In a first aspect, the present invention provides a configuration method for improving the loading speed of a front-end page of a cloud platform, including:
后端分配系统资源并通过设置静态资源的最大缓存时间将静态资源缓存到本地；The backend allocates system resources and caches static resources locally by setting the maximum cache time of static resources;
设置前端页面使用按需加载、懒加载的模式进行加载；Set the front-end page to be loaded using the on-demand loading and lazy loading mode;
前端页面加载中设置优先进行浏览器GUI渲染且最后进行JS引擎处理流程；In the front-end page loading, it is set to give priority to browser GUI rendering and finally to the JS engine processing process;
将非静态资源中访问频率较高的资源放入本地缓存中，同时根据资源的修改时间或有效时长来判断本地数据是否有效。Put the resources with high access frequency among the non-static resources into the local cache, and judge whether the local data is valid according to the modification time or valid time of the resource.
进一步的，所述方法还包括：Further, the method also includes:
当资源的修改时间或有效时长都存在时，根据有效时长来判断本地数据是否有效。When both the modification time and the valid duration of the resource exist, it is judged whether the local data is valid according to the valid duration.
进一步的，所述根据资源的修改时间或有效时长来判断本地数据是否有效，包括：Further, determining whether the local data is valid according to the modification time or valid duration of the resource includes:
数据缓存时，添加数据修改时间；When data is cached, add data modification time;
判断本地缓存中的修改时间与真实数据修改时间是否一致：Determine whether the modification time in the local cache is consistent with the real data modification time:
若是，则本地数据有效；若否，则重新更新本地缓存中的数据；If so, the local data is valid; if not, re-update the data in the local cache;
进一步的，所述根据资源的修改时间或有效时长来判断本地数据是否有效，还包括：Further, judging whether the local data is valid according to the modification time or the valid duration of the resource also includes:
数据缓存时，添加有效时长；When data is cached, add the effective duration;
判断本地缓存中的访问时间是否已超过有效时长：若否，则本地数据有效；若是，则需要重新获取数据并进行缓存。Determine whether the access time in the local cache has exceeded the valid time: if not, the local data is valid; if so, the data needs to be retrieved and cached.
进一步的，所述方法还包括：Further, the method also includes:
设置前端进行本地缓存资源变更时必须同时变更内容与名称。When setting up the front end to change the local cache resource, you must change the content and name at the same time.
进一步的，所述静态资源包括页面需加载的图片、视频、HTML、CSS和字体等资源文件。Further, the static resources include resource files such as pictures, videos, HTML, CSS, and fonts to be loaded on the page.
进一步的，所述后端分配系统资源并通过缓存控制规则设置静态资源的最大缓存时间，包括：Further, the backend allocates system resources and sets the maximum cache time of static resources through cache control rules, including:
使用后端服务器自定义用于设置最大缓存时间的过滤器；Use the backend server to customize the filter for setting the maximum cache time;
将所述过滤器导入页面加载的配置文件。Import the filter into the page-loaded configuration file.
进一步的，所述方法还包括：设置CSS样式表在html之前加载。Further, the method further includes: setting the CSS style sheet to be loaded before the html.
第二方面，本发明提供一种实现云平台前端页面加载速度提升的配置系统，包括：In a second aspect, the present invention provides a configuration system for improving the loading speed of front-end pages of a cloud platform, including:
后端资源配置单元，配置用于后端分配系统资源并通过设置静态资源的最大缓存时间将静态资源缓存到本地；The back-end resource configuration unit is configured for the back-end to allocate system resources and cache the static resources locally by setting the maximum cache time of the static resources;
前端初始加载单元，配置用于设置前端页面使用按需加载、懒加载的模式进行加载；The front-end initial loading unit is configured to set the front-end page to be loaded using the on-demand and lazy loading modes;
记载流程控制单元，配置用于前端页面加载中设置优先进行浏览器GUI渲染且最后进行JS引擎处理流程；Record the process control unit, which is configured for setting the browser GUI rendering priority in the front-end page loading and finally the JS engine processing process;
动态资源加载单元，配置用于将非静态资源中访问频率较高的资源放入本地缓存中，同时根据资源的修改时间或有效时长来判断本地数据是否有效。The dynamic resource loading unit is configured to put the resources with high access frequency among the non-static resources into the local cache, and at the same time judge whether the local data is valid according to the modification time or the valid time of the resource.
本发明的有益效果在于，The beneficial effect of the present invention is that,
本发明提供的一种实现云平台前端页面加载速度提升的配置方法及系统，改进后端资源的配置方式，将所有的静态资源缓存到本地，大大提高首次加载的速度设置按需加载和懒加载结合，提高单个页面的夹杂速度；当某数据大量进行访问时，将此部分数据在后端内存中缓存，而不用再去从数据库或者文件中获取；综上所述，本发明使得云平台在资源的展示上，可以带来更快速的响应，提升了用户体验。The invention provides a configuration method and system for improving the loading speed of front-end pages of a cloud platform, improves the configuration mode of back-end resources, caches all static resources locally, greatly improves the speed of first loading, and sets on-demand loading and lazy loading Combined, the mixing speed of a single page is improved; when a large amount of data is accessed, this part of the data is cached in the back-end memory, instead of being obtained from the database or file; In summary, the present invention enables the cloud platform to On the display of resources, it can bring a faster response and improve the user experience.
此外，本发明设计原理可靠，结构简单，具有非常广泛的应用前景。In addition, the present invention has reliable design principle and simple structure, and has a very wide application prospect.
附图说明Description of drawings
为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，对于本领域普通技术人员而言，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。In order to more clearly illustrate the embodiments of the present invention or the technical solutions in the prior art, the following briefly introduces the accompanying drawings that need to be used in the description of the embodiments or the prior art. In other words, other drawings can also be obtained based on these drawings without creative labor.
图1是本发明一个实施例的方法的示意性流程图。FIG. 1 is a schematic flowchart of a method according to an embodiment of the present invention.
图2是本发明一个实施例的系统的示意性框图。FIG. 2 is a schematic block diagram of a system according to an embodiment of the present invention.
具体实施方式Detailed ways
为了使本技术领域的人员更好地理解本发明中的技术方案，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都应当属于本发明保护的范围。In order to make those skilled in the art better understand the technical solutions of the present invention, the technical solutions in the embodiments of the present invention will be clearly and completely described below with reference to the accompanying drawings in the embodiments of the present invention. Obviously, the described The embodiments are only some of the embodiments of the present invention, but not all of the embodiments. Based on the embodiments of the present invention, all other embodiments obtained by persons of ordinary skill in the art without creative efforts shall fall within the protection scope of the present invention.
下面对本发明中出现的关键术语进行解释。Key terms appearing in the present invention are explained below.
懒加载：即延时加载，当对象需要用到的时候再去加载。Lazy loading: that is, delay loading, and load the object when it needs to be used.
图1是本发明一个实施例的方法的示意性流程图。其中，图1执行主体可以为一种实现云平台前端页面加载速度提升的配置系统。FIG. 1 is a schematic flowchart of a method according to an embodiment of the present invention. Wherein, the execution body of FIG. 1 may be a configuration system for improving the loading speed of the front-end page of the cloud platform.
如图1所示，该方法包括：As shown in Figure 1, the method includes:
步骤110，后端分配系统资源并通过设置静态资源的最大缓存时间将静态资源缓存到本地；
步骤120，设置前端页面使用按需加载、懒加载的模式进行加载；
步骤130，前端页面加载中设置优先进行浏览器GUI渲染且最后进行JS引擎处理流程；
步骤140，将非静态资源中访问频率较高的资源放入本地缓存中，同时根据资源的修改时间或有效时长来判断本地数据是否有效。Step 140: Put the resource with higher access frequency among the non-static resources into the local cache, and at the same time judge whether the local data is valid according to the modification time or the valid time of the resource.
可选地，作为本发明一个实施例，所述方法还包括：Optionally, as an embodiment of the present invention, the method further includes:
当资源的修改时间或有效时长都存在时，根据有效时长来判断本地数据是否有效。When both the modification time and the valid duration of the resource exist, it is judged whether the local data is valid according to the valid duration.
可选地，作为本发明一个实施例，所述根据资源的修改时间或有效时长来判断本地数据是否有效，包括：Optionally, as an embodiment of the present invention, the judging whether the local data is valid according to the modification time or the valid duration of the resource includes:
数据缓存时，添加数据修改时间；When data is cached, add data modification time;
判断本地缓存中的修改时间与真实数据修改时间是否一致：Determine whether the modification time in the local cache is consistent with the real data modification time:
若是，则本地数据有效；若否，则重新更新本地缓存中的数据；If so, the local data is valid; if not, re-update the data in the local cache;
可选地，作为本发明一个实施例，所述根据资源的修改时间或有效时长来判断本地数据是否有效，还包括：Optionally, as an embodiment of the present invention, the judging whether the local data is valid according to the modification time or the valid duration of the resource further includes:
数据缓存时，添加有效时长；When data is cached, add the effective duration;
判断本地缓存中的访问时间是否已超过有效时长：若否，则本地数据有效；若是，则需要重新获取数据并进行缓存。Determine whether the access time in the local cache has exceeded the valid time: if not, the local data is valid; if so, the data needs to be retrieved and cached.
可选地，作为本发明一个实施例，所述方法还包括：Optionally, as an embodiment of the present invention, the method further includes:
设置前端进行本地缓存资源变更时必须同时变更内容与名称。When setting up the front end to change the local cache resource, you must change the content and name at the same time.
可选地，作为本发明一个实施例，所述静态资源包括页面需加载的图片、视频、HTML、CSS和字体等资源文件。Optionally, as an embodiment of the present invention, the static resources include resource files such as pictures, videos, HTML, CSS, and fonts to be loaded on the page.
可选地，作为本发明一个实施例，所述后端分配系统资源并通过缓存控制规则设置静态资源的最大缓存时间，包括：Optionally, as an embodiment of the present invention, the backend allocates system resources and sets the maximum cache time of static resources through cache control rules, including:
使用后端服务器自定义用于设置最大缓存时间的过滤器；Use the backend server to customize the filter for setting the maximum cache time;
将所述过滤器导入页面加载的配置文件。Import the filter into the page-loaded configuration file.
可选地，作为本发明一个实施例，所述方法还包括：设置CSS样式表在html之前加载。Optionally, as an embodiment of the present invention, the method further includes: setting the CSS style sheet to be loaded before html.
为了便于对本发明的理解，下面以本发明一种实现云平台前端页面加载速度提升的配置方法的原理，结合实施例中对云平台缓存资源的过程，对本发明提供的一种实现云平台前端页面加载速度提升的配置方法做进一步的描述。In order to facilitate the understanding of the present invention, the following describes a method for realizing cloud platform front-end pages provided by the present invention based on the principle of a configuration method for improving the loading speed of cloud platform front-end pages, combined with the process of caching resources on cloud platforms in the embodiments. The configuration method for loading speed improvement is described further.
具体的，所述一种实现云平台前端页面加载速度提升的配置方法包括：Specifically, the configuration method for improving the loading speed of a front-end page of a cloud platform includes:
S1、将静态资源分类，统一放入指定位置，主要通过cache-control中的max-age、lastmodify以及expires等属性去控制缓存策略；通过后端服务将静态资源设置为1年内不超时，即最大缓存时间设为一年；S1. Classify static resources and place them in designated locations. The cache strategy is controlled mainly through attributes such as max-age, lastmodify, and expires in cache-control; static resources are set to not time out within one year through the back-end service, that is, the maximum The cache time is set to one year;
在本实施例中后端服务器采用tomcat服务器，配置如下：In this embodiment, the back-end server adopts the tomcat server, and the configuration is as follows:
自定义过滤器“Filter”,所述过滤器用于设置最大缓存时间“max-age”，用setHeader指令设置cache-control中的“max-age＝31536000”，其中，属性“max-age”的单位为秒；配置页面配置文件web.xml文件使用此过滤器；Customize the filter "Filter", the filter is used to set the maximum cache time "max-age", use the setHeader instruction to set "max-age=31536000" in the cache-control, where the unit of the attribute "max-age" for seconds; configure the page configuration file web.xml file to use this filter;
这样在经过第一次请求响应的静态资源，下次请求时直接使用本地缓存进行加载，形成新的静态资源策略，无须再像后端服务器请求静态资源，减少了后端服务器响应的压力。In this way, the static resources that have been requested and responded to for the first time can be loaded directly from the local cache in the next request, forming a new static resource strategy. There is no need to request static resources from the back-end server, which reduces the pressure on the back-end server to respond.
S2、当后端服务器配置好响应的缓存策略后，前端加载数据通常会一次性将所有的静态资源全部加载过来，这样首次加载的压力会很大；故本实施例在云平台前端，首次加载时设置按需加载，将前端按照功能划分出相应独立的模块，用模块放入到通用模块中，当通用模块被加载过一次后，其他功能模块有使用到它时，无需进行重复加载。S2. After the back-end server is configured with the response caching strategy, the front-end loading data usually loads all the static resources at one time, so the pressure of the first loading will be very large; therefore, in this embodiment, the first loading is performed on the front-end of the cloud platform. When setting on-demand loading, the front-end is divided into corresponding independent modules according to their functions, and the modules are put into the general module.
前端加载时进行懒加载，当页面中确实有此类数据加载，但由于展示区域的局限性，可以结合展示内容的多少，将剩余部分进行延时加载。Lazy loading is performed during front-end loading. When there is indeed such data loading in the page, but due to the limitations of the display area, the remaining part can be delayed loading in combination with the amount of displayed content.
这样可以提高每个页面的首次加载速度。当业务首次加载完成之后，第二次加载则会通过S1中设置的静态资源策略，绝大部分的静态资源从本地缓存中获取，这样可以大大加快再次访问页面的速度，达到毫秒级打开页面。This improves the first load speed of each page. After the first loading of the business is completed, the second loading will pass the static resource policy set in S1, and most of the static resources will be obtained from the local cache, which can greatly speed up the speed of revisiting the page and open the page in milliseconds.
S3、进行了S1、S2中的方法之后，同时也要结合浏览器的加载机制，进行代码的优化；将浏览器GUI渲染优先进行，即将JS相关代码放入到html文档文本的最后，使得JS引擎处理流程放到最后处理。优先使浏览器进行GUI渲染。同时为了得到更好的用户体验效果，将CSS样式表放到html文本之前进行渲染，这样GUI渲染出来的页面会带有CSS样式，使得页面更加美观。S3. After performing the methods in S1 and S2, it is also necessary to combine the loading mechanism of the browser to optimize the code; give priority to the browser GUI rendering, that is, put the JS related code at the end of the html document text, so that the JS The engine processing flow is put in the final processing. Prioritize the browser for GUI rendering. At the same time, in order to obtain a better user experience effect, the CSS style sheet is rendered before the html text, so that the page rendered by the GUI will have CSS styles, making the page more beautiful.
在S1中，使得前端页面中首次加载静态资源时，就已将静态资源放入到用户的本地中。再次访问时，不再向后台发送静态资源请求，这样会带来一个问题，当云平台中对静态资源有更新时，这样用户是无法获取到更新内容的(除非用户手动清除本地缓存，不建议用户这样做)；为了解决这个问题，本实施例在修改静态资源时，同时修改静态资源的名称，这样由于资源名称的改变，就会将此资源按照新资源对待，首次将新资源从后端服务中缓存到本地中，并利用现有的端构建工具，在每次修静态资源时，修改代码中的引用，无须工程师自行修改，在本实施例中可以利用：webpack或glup等前端构建工具；In S1, when the static resources are loaded for the first time in the front-end page, the static resources have been put into the user's local area. When accessing again, the static resource request is no longer sent to the background, which will bring a problem. When the static resource is updated in the cloud platform, the user cannot obtain the updated content (unless the user manually clears the local cache, it is not recommended Users do this); in order to solve this problem, in this embodiment, when modifying the static resource, the name of the static resource is modified at the same time, so that due to the change of the resource name, the resource will be treated as a new resource, and the new resource will be removed from the backend for the first time. The service is cached locally, and the existing terminal construction tools are used to modify the references in the code each time a static resource is repaired, without the need for engineers to modify it themselves. In this embodiment, front-end construction tools such as webpack or glup can be used. ;
S5、在S2、S3、S4中描述了静态资源通过缓存的方式、以及按需加载的方式，提高了云平台中前端页面的加载速度；但在云平台中，还要一部分资源数据是以数据库的形式存放，不属于静态资源，无法进行缓存，而且有些敏感信息也不适合进行缓存，这样的资源就需要通过API的方式发送http request请求进行资源的获取，通过云平台的业务层，从云平台的主机中，或者管理系统中的数据库中获取实时数据；当云平台加载此类数据时，同样通过缓存的方式进行加速加载；当某类资源访问很频繁时，本实施例将此类资源缓存到后端的本地中，这样就不用再从各个云平台主机中、或者数据库中获取；当然缓存的数据保真性一定很重要，如何判断本地中缓存数据是否失效，可以通过以下方法进行：S5. In S2, S3, and S4, it is described that static resources are cached and loaded on demand, which improves the loading speed of front-end pages in the cloud platform; but in the cloud platform, part of the resource data is still in the database It does not belong to static resources and cannot be cached, and some sensitive information is not suitable for caching. Such resources need to send http request requests through API to obtain resources. Through the business layer of the cloud platform, from the cloud The real-time data is obtained from the host of the platform or the database in the management system; when the cloud platform loads such data, the loading is also accelerated by means of caching; when a certain type of resource is frequently accessed, this embodiment will The cache is stored locally in the back-end, so that it no longer needs to be obtained from each cloud platform host or database; of course, the fidelity of the cached data must be very important. How to judge whether the cached data in the local is invalid can be done by the following methods:
a、数据缓存时，添加修改时间变量，当用户每次访问次数据时，将本地中存储的数据的修改时间与真实数据修改时间做对比，如果一致，则本地数据有效，如果不一致，则更新本地中的数据；a. When the data is cached, add the modification time variable. When the user accesses the secondary data each time, the modification time of the data stored locally is compared with the real data modification time. If they are consistent, the local data is valid. If they are inconsistent, update local data;
b、数据缓存时，添加有效时长变量，当用户访问次数据时，如果已超过有效时长，则需要重新获取数据进行缓存，如果没有超过，则数据有效；b. When the data is cached, add a valid duration variable. When the user accesses the secondary data, if the valid duration has exceeded, the data needs to be re-fetched and cached. If it does not exceed, the data is valid;
当这种a、b都存在时b的决定权优先a，即当资源的修改时间或有效时长都存在时，根据有效时长来判断本地数据是否有效。When both a and b exist, the decision right of b takes precedence over a, that is, when the modification time or the valid duration of the resource exists, it is judged whether the local data is valid according to the valid duration.
如图2所示，该系统200包括：As shown in Figure 2, the system 200 includes:
后端资源配置单元210，配置用于后端分配系统资源并通过设置静态资源的最大缓存时间将静态资源缓存到本地；The back-end resource configuration unit 210 is configured to allocate system resources to the back-end and cache the static resources locally by setting the maximum cache time of the static resources;
前端初始加载单元220，配置用于设置前端页面使用按需加载、懒加载的模式进行加载；The front-end initial loading unit 220 is configured to set the front-end page to be loaded using the mode of on-demand loading and lazy loading;
记载流程控制单元230，配置用于前端页面加载中设置优先进行浏览器GUI渲染且最后进行JS引擎处理流程；Recording process control unit 230, configured for setting priority in browser GUI rendering in front-end page loading and finally performing JS engine processing flow;
动态资源加载单元240，配置用于将非静态资源中访问频率较高的资源放入本地缓存中，同时根据资源的修改时间或有效时长来判断本地数据是否有效。The dynamic resource loading unit 240 is configured to put resources with high access frequency among the non-static resources into the local cache, and at the same time judge whether the local data is valid according to the modification time or the valid time of the resources.
在本发明所提供的几个实施例中，应该理解到，所揭露的系统、系统和方法，可以通过其它的方式实现。例如，以上所描述的系统实施例仅仅是示意性的，例如，所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，系统或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。In the several embodiments provided by the present invention, it should be understood that the disclosed systems, systems and methods may be implemented in other manners. For example, the system embodiments described above are only illustrative. For example, the division of the units is only a logical function division. In actual implementation, there may be other division methods. For example, multiple units or components may be combined or Can be integrated into another system, or some features can be ignored, or not implemented. On the other hand, the shown or discussed mutual coupling or direct coupling or communication connection may be through some interfaces, indirect coupling or communication connection of systems or units, and may be in electrical, mechanical or other forms.
所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。The units described as separate components may or may not be physically separated, and components displayed as units may or may not be physical units, that is, may be located in one place, or may be distributed to multiple network units. Some or all of the units may be selected according to actual needs to achieve the purpose of the solution in this embodiment.
另外，在本发明各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。In addition, each functional unit in each embodiment of the present invention may be integrated into one processing unit, or each unit may exist physically alone, or two or more units may be integrated into one unit.
尽管通过参考附图并结合优选实施例的方式对本发明进行了详细描述，但本发明并不限于此。在不脱离本发明的精神和实质的前提下，本领域普通技术人员可以对本发明的实施例进行各种等效的修改或替换，而这些修改或替换都应在本发明的涵盖范围内/任何熟悉本技术领域的技术人员在本发明揭露的技术范围内，可轻易想到变化或替换，都应涵盖在本发明的保护范围之内。因此，本发明的保护范围应所述以权利要求的保护范围为准。Although the present invention has been described in detail in conjunction with the preferred embodiments with reference to the accompanying drawings, the present invention is not limited thereto. Without departing from the spirit and essence of the present invention, those of ordinary skill in the art can make various equivalent modifications or substitutions to the embodiments of the present invention, and these modifications or substitutions should all fall within the scope of the present invention/any Those skilled in the art can easily think of changes or substitutions within the technical scope disclosed by the present invention, which should be included within the protection scope of the present invention. Therefore, the protection scope of the present invention should be based on the protection scope of the claims.
Claims (9)
Translated fromChinesePriority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010954843.0ACN111966938B (en) | 2020-09-11 | 2020-09-11 | Configuration method and system for realizing loading speed improvement of front-end page of cloud platform |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010954843.0ACN111966938B (en) | 2020-09-11 | 2020-09-11 | Configuration method and system for realizing loading speed improvement of front-end page of cloud platform |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN111966938A CN111966938A (en) | 2020-11-20 |
| CN111966938Btrue CN111966938B (en) | 2022-06-14 |
Family
ID=73393077
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202010954843.0AActiveCN111966938B (en) | 2020-09-11 | 2020-09-11 | Configuration method and system for realizing loading speed improvement of front-end page of cloud platform |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN111966938B (en) |
Families Citing this family (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112672187B (en)* | 2020-12-18 | 2023-03-21 | 平安银行股份有限公司 | Page generation method and device, computer equipment and readable storage medium |
| CN112765507B (en)* | 2021-01-27 | 2023-12-26 | 上海淇玥信息技术有限公司 | Page first screen rendering and resource loading method and device and electronic equipment |
| CN113656110B (en)* | 2021-09-02 | 2024-03-29 | 武汉众邦银行股份有限公司 | Page loading method and device for front-end updating free cache |
| CN114090915A (en)* | 2021-09-27 | 2022-02-25 | 上海信宝博通电子商务有限公司 | Off-line access method and device suitable for front end and storage medium |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN109325190A (en)* | 2018-08-21 | 2019-02-12 | 郑州云海信息技术有限公司 | A kind of page management method and related device |
| CN109857554A (en)* | 2019-01-14 | 2019-06-07 | 珠海金山网络游戏科技有限公司 | A kind of resource caching method and system of lower limit |
| CN109857966A (en)* | 2019-01-07 | 2019-06-07 | 烽火通信科技股份有限公司 | A kind of optimization method and browser of browser dynamically load web page resources |
| CN110287432A (en)* | 2019-06-28 | 2019-09-27 | 北京金山安全软件有限公司 | Network information processing method and device and electronic equipment |
- 2020
- 2020-09-11CNCN202010954843.0Apatent/CN111966938B/enactiveActive
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN109325190A (en)* | 2018-08-21 | 2019-02-12 | 郑州云海信息技术有限公司 | A kind of page management method and related device |
| CN109857966A (en)* | 2019-01-07 | 2019-06-07 | 烽火通信科技股份有限公司 | A kind of optimization method and browser of browser dynamically load web page resources |
| CN109857554A (en)* | 2019-01-14 | 2019-06-07 | 珠海金山网络游戏科技有限公司 | A kind of resource caching method and system of lower limit |
| CN110287432A (en)* | 2019-06-28 | 2019-09-27 | 北京金山安全软件有限公司 | Network information processing method and device and electronic equipment |
Also Published As
| Publication number | Publication date |
|---|---|
| CN111966938A (en) | 2020-11-20 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN111966938B (en) | Configuration method and system for realizing loading speed improvement of front-end page of cloud platform | |
| CN113010818B (en) | Access current limiting method, device, electronic equipment and storage medium | |
| US9646254B2 (en) | Predicting next web pages | |
| US9432484B1 (en) | CIM-based data storage management system having a restful front-end | |
| US8639658B1 (en) | Cache management for file systems supporting shared blocks | |
| US9117002B1 (en) | Remote browsing session management | |
| CN110196681B (en) | Disk data write-in control method and device for business write operation and electronic equipment | |
| EP2369494A1 (en) | Web application based database system and data management method therof | |
| CN110727890A (en) | A page loading method, device, computer equipment, and storage medium | |
| CN105183839A (en) | Hadoop-based storage optimizing method for small file hierachical indexing | |
| WO2021258881A1 (en) | Data management method and system for application, and computer device | |
| US11625273B1 (en) | Changing throughput capacity to sustain throughput for accessing individual items in a database | |
| CN104657143A (en) | High-performance data caching method | |
| WO2022257302A1 (en) | Method, apparatus and system for creating training task of ai training platform, and medium | |
| CN103647811B (en) | A method and an apparatus for application's accessing backstage service | |
| TWI824392B (en) | On-demand shared data caching method, computer program, and computer readable medium applicable for distributed deep learning computing | |
| US12008041B2 (en) | Shared cache for multiple index services in nonrelational databases | |
| WO2023029610A1 (en) | Data access method and device, and storage medium | |
| CN115442431A (en) | Redirection method and device for cloud desktop browser, electronic equipment and storage medium | |
| CN112395437A (en) | 3D model loading method and device, electronic equipment and storage medium | |
| Tang et al. | A block-level caching optimization method for mobile transparent computing | |
| WO2021120843A1 (en) | Cloud host memory allocation method, cloud host, device, and storage medium | |
| CN112433848A (en) | Resource processing method, device, storage medium and cache server | |
| CN118210618A (en) | Storage resource management method, device, electronic device and storage medium | |
| US7668905B2 (en) | Method, system and computer program for providing web pages based on client state |
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 | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant | ||
| CP03 | Change of name, title or address | Address after:Building 9, No.1, guanpu Road, Guoxiang street, Wuzhong Economic Development Zone, Wuzhong District, Suzhou City, Jiangsu Province Patentee after:Suzhou Yuannao Intelligent Technology Co.,Ltd. Country or region after:China Address before:Building 9, No.1, guanpu Road, Guoxiang street, Wuzhong Economic Development Zone, Wuzhong District, Suzhou City, Jiangsu Province Patentee before:SUZHOU LANGCHAO INTELLIGENT TECHNOLOGY Co.,Ltd. Country or region before:China |