Page loading method and device, computer device and storage medium

Abstract

The application belongs to the technical field of computer communication and artificial intelligence, is applied to the field of smart city, and relates to a page loading method, which comprises the following steps: receiving a page access request of a user; judging whether an abnormal cache exists in a target page; if yes, receiving an instruction of emptying the abnormal cache and reloading the target page sent by the user; emptying the abnormal cache and reloading the target page according to the instruction; or triggering a monitoring module pre-deployed in the target page to capture the abnormal cache; and controlling the monitoring module to empty the abnormal cache and reload the target page. The application further provides a page loading device, a computer device and a storage medium. In addition, the application also relates to the blockchain technology, and the page cache content of the user can be stored in the blockchain. The application retains the advantages of the cache, and only clears the cache and reloads the page when the abnormal cache exists, so that the fluency of the user when using the H5 page is improved, the complaint rate is reduced, and the promotion of the business is also facilitated.

Description

Technical Field

[0001] The present application relates to the fields of computer communications and artificial intelligence technology, and in particular to a page loading method, apparatus, computer equipment, and storage medium. Background Art

[0002] In the process of conducting business in the leasing industry, it is inevitable to conduct business through mobile H5 pages. For example, in the commercial vehicle used car leasing business, the account manager needs to enter the lessee and vehicle information on the mobile phone H5 page so that the back-end staff can evaluate the vehicle price and assist in loan and credit decisions. The stability of the H5 page function directly affects the smooth development of the leasing process. In the past period of time, after the R&D personnel updated the H5 function, there was a small probability that the front-line account manager would not be able to open the page immediately (white screen state). At this time, the user needs to reinstall the APP before they can reopen the page. This is because the cache file loaded in the APP references a resource file that no longer exists (usually because the programmer has removed or renamed the file), which causes a page loading error and affects normal use.

[0003] In order to solve the above problems, the following technical means are usually adopted in the prior art: 1. Disable cache. In scenarios where access performance is not pursued, technicians can choose to disable cache. Common means include: disabling browser cache, disabling server cache, disabling CDN cache, etc. 2. Add monitoring and tracking points for pages, and report errors that occur on the collection pages for subsequent analysis. 3. In the patent "A page loading method and device that does not require clearing cache after front-end upgrade" (application number: CN202111029219.0), it is proposed to add the version number to js in the configuration file, add the version number to json.js in the configuration file, and include the version number in the path of the generated package file to solve the problem of needing to clear the cache and log in again to obtain the latest style of the page.

[0004] However, the above three methods still have some problems: The main disadvantage of method 1 is that it involves many technical aspects, has high complexity and a certain technical threshold, and the established solution is actually difficult to cover all differences in client environments (different mobile phones and models) on the market, so user experience problems caused by caching still occur from time to time. In addition, disabling the cache function will objectively cause page loading to slow down, affecting the user experience to a certain extent. The main disadvantage of method 2 is that relying solely on monitoring and reporting cannot solve user experience problems immediately. When the H5 page cannot be opened due to the above-mentioned cache problem, the user still needs to use forced means to clear the cache, such as refreshing the page, re-login or install the APP. The main disadvantage of method 3 is that this method aims to solve the problem of difficulty in obtaining the latest style of the page, but on the basis of "no cache clearing", it also cannot solve the problem of page loading failure due to cache problems, which directly affects the page availability. Summary of the Invention

[0005] The purpose of the embodiments of the present application is to provide a page loading method, apparatus, computer equipment and storage medium to solve the problem in the prior art of blocking user use due to cache problems.

[0006] In order to solve the above technical problems, the embodiment of the present application provides a page loading method, which adopts the following technical solutions:

[0007] Receive a page access request from a user, wherein the page access request is used to request access to a target page;

[0008] Determine whether the target page has an exception cache, where the exception cache is used to indicate a runtime error, an asynchronous error, or a resource loading error;

[0009] If so, receiving an instruction from the user to clear the abnormal cache and reload the target page;

[0010] Clear the exception cache and reload the target page according to the instruction; or

[0011] Triggering a monitoring module pre-deployed on the target page to capture the abnormal cache;

[0012] Control the monitoring module to clear the exception cache and reload the target page.

[0013] Furthermore, the step of determining whether the target page has abnormal caching specifically includes:

[0014] Obtaining page data of the page access request, and loading and rendering the target page according to the page data;

[0015] Performing real-time monitoring on the loading process of the target page;

[0016] When an exception occurs during the loading process of the target page, an error code of the exception state is extracted;

[0017] It is determined whether the target page has abnormal cache according to the error code.

[0018] Furthermore, the step of controlling the monitoring module to clear the exception cache and reload the target page specifically includes:

[0019] Controlling the monitoring module to clear the exception cache stored in the browser where the target page is located;

[0020] Reloading the target page from the server according to the page data to obtain updated page content;

[0021] The updated page content is cached in the browser.

[0022] Furthermore, after the step of controlling the monitoring module to clear the exception cache and reload the target page, the method further includes:

[0023] Controlling the monitoring module to generate an error log according to the abnormality cache;

[0024] Extract error parameters from the error log and determine the corresponding error code.

[0025] Furthermore, after receiving the user's page access request, the method further includes:

[0026] Setting a loading priority order according to the preset importance of the target page;

[0027] The page elements with high priorities in the target page are loaded according to the priority order.

[0028] Furthermore, after the step of reloading the target page, the method further includes:

[0029] Monitor the target page's loading process in real time and collect performance metrics, including loading time, resource size, and number of requests;

[0030] Calculating a comprehensive score of the target page loading based on the loading time, resource size, and number of requests;

[0031] Determining whether the comprehensive score is lower than a preset threshold;

[0032] If it is lower than that, then identify the slow-loading resources in the target page;

[0033] When it is identified that the slow-loading resource is a large picture resource, a progressive picture loading technique is adopted to split the large picture into multiple small pictures for loading;

[0034] When it is identified that the slow-loading resource is a video resource, a streaming technique is adopted to split the video into multiple video segments for loading.

[0035] Further, the step of calculating the comprehensive score of the target page loading based on the loading time, resource size and request number specifically includes:

[0036] According to the importance of the loading time, resource size and request number, corresponding weight values are calculated respectively;

[0037] According to the corresponding weight values, the comprehensive score of the target page loading is calculated.

[0038] To solve the above technical problems, the embodiment of the present application further provides a page loading device, which adopts the technical scheme as follows:

[0039] The first receiving module is configured to receive a page access request of a user, wherein the page access request is used to request to access a target page;

[0040] The first judging module is configured to judge whether the target page has an abnormal cache or not, wherein the abnormal cache is used to indicate a running error, an asynchronous error or a resource loading error;

[0041] The second receiving module is configured to receive an instruction of emptying the abnormal cache and reloading the target page issued by the user when the judgment result is yes;

[0042] The processing module is configured to empty the abnormal cache and reload the target page according to the instruction; or

[0043] The device includes a capturing module configured to trigger a monitoring module pre-deployed in the target page to capture the abnormal cache when the judgment result is yes;

[0044] The control module is configured to control the monitoring module to empty the abnormal cache and reload the target page.

[0045] Further, the first judging module includes:

[0046] The obtaining unit is configured to obtain page data of the page access request and load and render the target page according to the page data;

[0047] The monitoring unit is configured to monitor the loading process of the target page in real time;

[0048] An extraction unit, configured to extract an error code of the abnormal state when an abnormality is detected in the loading process of the target page;

[0049] A judging unit is configured to judge whether the target page has abnormal cache according to the error code.

[0050] Furthermore, the control module includes:

[0051] a clearing unit, configured to control the monitoring module to clear the exception cache stored in the browser where the target page is located;

[0052] A loading unit, configured to reload the target page from the server according to the page data to obtain updated page content;

[0053] A cache unit is used to cache the updated page content in the browser.

[0054] Furthermore, the device further comprises:

[0055] A generating module, configured to control the monitoring module to generate an error log according to the abnormality cache;

[0056] The extraction module is used to extract error parameters from the error log and determine the corresponding error code.

[0057] Furthermore, the device further comprises:

[0058] A setting module, used to set a loading priority order according to the preset importance of the target page;

[0059] The loading module is used to load the page elements with high priority in the target page according to the priority order.

[0060] Furthermore, the device further comprises:

[0061] A collection module is used to monitor the loading process of the target page in real time and collect performance indicators, including loading time, resource size, and number of requests;

[0062] A calculation module, configured to calculate a comprehensive score of the target page loading based on the loading time, resource size, and number of requests;

[0063] A second judgment module is used to judge whether the comprehensive score is lower than a preset threshold;

[0064] an identification module, configured to identify the slowly loading resources in the target page when the determination result of the second determination module is yes;

[0065] The segmentation module is used to adopt progressive image loading technology to segment the large image into multiple small images for loading when the slowly loading resource is identified as a large image resource; and to adopt streaming transmission technology to segment the video into multiple video segments for loading when the slowly loading resource is identified as a video resource.

[0066] Furthermore, the calculation module includes:

[0067] A first calculation unit is used to calculate corresponding weight values ​​according to the importance of the loading time, resource size and number of requests;

[0068] The second calculation unit is used to calculate the comprehensive score of the target page loading according to the corresponding weight value.

[0069] In order to solve the above technical problems, the embodiment of the present application further provides a computer device, which adopts the following technical solution:

[0070] A computer device is provided, comprising one or more processors; and a memory for storing one or more programs, so that the one or more processors implement any one of the above-mentioned page loading methods.

[0071] In order to solve the above technical problems, the embodiment of the present application further provides a computer-readable storage medium, which adopts the following technical solution:

[0072] A computer-readable storage medium stores a computer program, wherein the computer program implements any one of the above-mentioned page loading methods when executed by a processor.

[0073] Compared with the prior art, the embodiments of the present application have the following beneficial effects:

[0074] This application receives a page access request from a user, where the page access request is used to request access to a target page, so as to obtain the page requested by the user; determines whether the target page has an exception cache, where the exception cache is used to indicate a run error, an asynchronous error, or a resource loading error, so as to monitor the exception cache in the target page; if so, receives an instruction from the user to clear the exception cache and reload the target page, so as to obtain the user instruction; clears the exception cache and reloads the target page according to the instruction, so as to enable the user to quickly clear the exception cache and reload the page; or triggers a monitoring module pre-deployed on the target page to capture the exception cache, so as to enable the monitoring module to capture the exception cache; controls the monitoring module to clear the exception cache and reload the target page, so as to clear the exception cache and load the page. This application retains the advantages of caching, and only clears the cache and reloads the page when an exception cache occurs, thereby improving the fluency of users when using H5 pages, reducing customer complaints, and also being beneficial to business promotion. BRIEF DESCRIPTION OF THE DRAWINGS

[0075] In order to more clearly illustrate the solutions in this application, a brief introduction will be given below to the drawings required for use in the description of the embodiments of this application. Obviously, the drawings described below are some embodiments of this application. For ordinary technicians in this field, other drawings can be obtained based on these drawings without any creative work.

[0076] Figure 1 is an exemplary system architecture diagram to which the present application may be applied;

[0077] Figure 2 A flowchart of an embodiment of a page loading method according to the present application;

[0078] Figure 3 is a structural diagram of an embodiment of a page loading device according to the present application;

[0079] Figure 4 It is a structural diagram of an embodiment of a computer device according to the present application. DETAILED DESCRIPTION

[0080] Unless otherwise defined, all technical and scientific terms used herein have the same meanings as commonly understood by those skilled in the art to which this application belongs. The terms used in the specification of the application are for the purpose of describing specific embodiments only and are not intended to limit this application. The terms "including" and "having" and any variations thereof in the specification and claims of this application and the above-mentioned drawings are intended to cover non-exclusive inclusions. The terms "first", "second", etc. in the specification and claims of this application or the above-mentioned drawings are used to distinguish different objects, not to describe a specific order.

[0081] References herein to "embodiments" mean that a particular feature, structure, or characteristic described in connection with the embodiments may be included in at least one embodiment of the present application. The appearance of this phrase in various places in the specification does not necessarily refer to the same embodiment, nor does it constitute an independent or alternative embodiment that is mutually exclusive of other embodiments. It is understood, both explicitly and implicitly, by those skilled in the art that the embodiments described herein may be combined with other embodiments.

[0082] In order to enable those skilled in the art to better understand the solution of the present application, the technical solution in the embodiments of the present application will be clearly and completely described below in conjunction with the accompanying drawings.

[0083] like Figure 1 As shown, system architecture 100 may include terminal devices 101, 102, 103, a network 104, and a server 105. Network 104 is a medium for providing communication links between terminal devices 101, 102, 103 and server 105. Network 104 may include various connection types, such as wired or wireless communication links or fiber optic cables.

[0084] Users can use terminal devices 101, 102, and 103 to interact with server 105 via network 104 to receive or send messages, etc. Various communication client applications can be installed on terminal devices 101, 102, and 103, such as web browser applications, shopping applications, search applications, instant messaging tools, email clients, social platform software, etc.

[0085] Terminal devices 101, 102, and 103 can be various electronic devices with display screens and support web browsing, including but not limited to smartphones, tablet computers, e-book readers, MP3 players (Moving Picture Experts Group Audio Layer III), MP4 (Moving Picture Experts Group Audio Layer IV), laptop computers, desktop computers, etc.

[0086] The server 105 may be a server that provides various services, such as a background server that provides support for web pages displayed on the terminal devices 101 , 102 , and 103 .

[0087] It should be noted that the page loading method provided in the embodiment of the present application is generally executed by a server / terminal device, and accordingly, the page loading device is generally set in the server / terminal device.

[0088] It should be understood that Figure 1 The number of terminal devices, networks and servers in the embodiment is merely illustrative. Any number of terminal devices, networks and servers may be provided as required.

[0089] Continue to refer Figure 2 , shows a flow chart of an embodiment of a page loading method according to the present application. The page loading method comprises the following steps:

[0090] Step S201: receiving a page access request from a user, wherein the page access request is used to request access to a target page.

[0091] In this embodiment, the electronic device (eg, Figure 1 The server / terminal device shown in the figure can receive the user's page access request through a wired connection or a wireless connection. It should be noted that the above-mentioned wireless connection method may include but is not limited to 3G / 4G / 5G connection, WiFi connection, Bluetooth connection, WiMAX connection, Zigbee connection, UWB (ultra wideband) connection, and other wireless connection methods currently known or to be developed in the future.

[0092] Specifically, the target page is an H5 page. H5 pages are mobile web pages developed based on HTML5 technology. Because they are suitable for browsing on mobile devices, they are usually presented to users using an app as a carrier. They are also a type of web application in a broad sense.

[0093] Step S202 , determining whether the target page has an abnormal cache, where the abnormal cache is used to indicate a running error, an asynchronous error, or a resource loading error.

[0094] In this embodiment, the cache refers to the above-mentioned temporarily stored resource copies (including HTML pages, images, JavaScript, CSS, etc.). For example: Web cache is mainly used to temporarily store Web documents (such as HTML pages, images, JavaScript, CSS, etc.) to reduce the time delay of server response. Abnormal cache refers to resource copy files that have been removed or renamed by the programmer. For example, in the commercial vehicle used car leasing business, the account manager needs to enter the lessee and vehicle information in the mobile phone H5 page so that the back-end staff can evaluate the car price and assist in loan and credit decision-making. The removal or renaming of various resource files occurs from time to time, resulting in a small probability that the front-line account manager will not be able to open the page immediately. This is because the cache file loaded in the APP references a resource file that no longer exists, which causes a page loading error and affects normal use.

[0095] Step S203: If the result of the determination is that the target page has an abnormal cache, an instruction from the user to clear the abnormal cache and reload the target page is received.

[0096] In this embodiment, a small button is added to the H5 page. When an abnormal cache problem occurs and the page goes blank, the user can click this button to allow the server to receive the user's instruction to clear the abnormal cache and reload the target page.

[0097] Step S204: clear the exception cache and reload the target page according to the instruction.

[0098] In this embodiment, upon receiving a user instruction to clear the exception cache and reload the target page, the operation of clearing the exception cache and reloading the target page is executed according to the instruction. This invention achieves the technical effect of manually triggering the clearing of the cache and reloading of the page, and also avoids the problem of users having to uninstall and reinstall the app before they can use H5 again.

[0099] Step S205 , triggering a monitoring module pre-deployed on the target page to capture the abnormal cache.

[0100] In this embodiment, when the result of the determination is that the target page has abnormal cache, the abnormal cache can be automatically captured by triggering a monitoring module pre-deployed on the target page.

[0101] Step S206: Control the monitoring module to clear the exception cache and reload the target page.

[0102] In this embodiment, when the exception cache is captured, the callback method bound to the monitoring module is executed to clear the exception cache. After the exception cache is cleared, the monitoring module automatically reloads the page without requiring the user to log in again.

[0103] This application receives a page access request from a user, where the page access request is used to request access to a target page, so as to obtain the page requested by the user; determines whether the target page has an exception cache, where the exception cache is used to indicate a run error, an asynchronous error, or a resource loading error, so as to monitor the exception cache in the target page; if so, receives an instruction from the user to clear the exception cache and reload the target page, so as to obtain the user instruction; clears the exception cache and reloads the target page according to the instruction, so as to enable the user to quickly clear the exception cache and reload the page; or triggers a monitoring module pre-deployed on the target page to capture the exception cache, so as to enable the monitoring module to capture the exception cache; controls the monitoring module to clear the exception cache and reload the target page, so as to clear the exception cache and load the page. This application retains the advantages of caching, and only clears the cache and reloads the page when an exception cache occurs, thereby improving the fluency of users when using H5 pages, reducing customer complaints, and also being beneficial to business promotion.

[0104] In some optional implementations of this embodiment, step S202 of determining whether the target page has abnormal cache includes the following steps:

[0105] Obtaining page data of the page access request, and loading and rendering the target page according to the page data;

[0106] Performing real-time monitoring on the loading process of the target page;

[0107] When an exception occurs during the loading process of the target page, an error code of the exception state is extracted;

[0108] It is determined whether the target page has abnormal cache according to the error code.

[0109] In this embodiment, different error codes correspond to different exception contents, and cache exception may be one of them. Based on the correspondence table between exception contents and error codes, the error code can be used to determine whether it is a cache exception. When an exception is detected during the loading process, the error code of the abnormal state can be extracted to determine whether the target page has abnormal cache.

[0110] This application uses a pre-set correspondence table of exception content and error codes to quickly determine whether the target page has an abnormal cache by extracting the error code of the abnormal state that occurs during the loading process.

[0111] In some optional implementations of this embodiment, controlling the monitoring module to clear the exception cache and reload the target page in step S206 includes the following steps:

[0112] Controlling the monitoring module to clear the exception cache stored in the browser where the target page is located;

[0113] Reloading the target page from the server according to the page data to obtain updated page content;

[0114] The updated page content is cached in the browser.

[0115] In this embodiment, the abnormal cache is a cache pre-stored in the browser. When the cache content changes, the monitoring module clears the cache, reloads it from the server, and caches the updated page content in the browser for subsequent calls to the cache content.

[0116] This application can automatically clear the abnormal cache and load new cache content into the browser by controlling the monitoring module, avoiding the problem of users being unable to open pages due to abnormal caching, and making subsequent loading of new cache content more convenient.

[0117] In some optional implementations of this embodiment, after controlling the monitoring module to clear the abnormality cache and reload the target page in step S206, the electronic device may further perform the following steps:

[0118] Controlling the monitoring module to generate an error log according to the abnormality cache;

[0119] Extract error parameters from the error log and determine the corresponding error code.

[0120] In this embodiment, the monitoring module can also generate an error log based on the abnormal cache, and can extract error parameters from the error log to determine the error code, and the key factors of the abnormal cache error can be obtained according to the error code.

[0121] This application can quickly obtain the problems that occur during the target page loading process through the generated error logs and error codes, so as to analyze and improve the error problems later.

[0122] In some optional implementations of this embodiment, after receiving the user's page access request in step S201, the electronic device may further perform the following steps:

[0123] Setting a loading priority order according to the preset importance of the target page;

[0124] The page elements with high priorities in the target page are loaded according to the priority order.

[0125] In this embodiment, loading priorities are set for different page elements based on the importance of the page and the user's focus. For example, critical CSS and JavaScript files can be loaded first to ensure that the critical path of the page is completed as quickly as possible, thereby improving the page's interactive time.

[0126] This application can ensure that the critical path of the page is completed as quickly as possible by setting the priority order, thereby improving the page's interactive time.

[0127] In some optional implementations of this embodiment, after the step of reloading the target page, the electronic device may further perform the following steps:

[0128] Monitor the target page loading process in real time and collect performance indicators, wherein the performance indicators calculate a comprehensive score of the target page loading based on the loading time, resource size, and number of requests;

[0129] Determining whether the comprehensive score is lower than a preset threshold;

[0130] If it is lower than that, then identify the slow-loading resources in the target page;

[0131] When the resource that is loading slowly is identified as a large image resource, a progressive image loading technology is used to split the large image into multiple small images for loading;

[0132] When it is identified that the resource that is loaded slowly is a video resource, a streaming transmission technology is adopted to cut the video into multiple video segments for loading.

[0133] In this embodiment, progressive image loading technology is a means of optimizing network images, which allows images to be displayed gradually during the loading process, first displaying a portion of the blurred image, and then gradually displaying the complete original image as the loading is completed. In addition, progressive image loading can be combined with lazy loading technology, by first displaying a low-resolution or blurred thumbnail, and then replacing it after the original image is loaded, thereby reducing the number of HTTP requests and traffic consumption, while providing a smooth visual effect. In detail, after the large image is divided into multiple small images, during the loading process, a portion of the blurred small images are first displayed, and then as the loading is completed, the complete multiple small images are gradually displayed; in addition, a low-resolution or blurred thumbnail can also be displayed first, and then replaced after the original image of the small image is loaded, thereby providing a smooth visual effect.

[0134] Streaming is a packet- or message-based data exchange technology that transmits real-time applications and multimedia data (such as video, audio, and images) in a streamed format over a network, allowing the receiving end to process the data as it is received, without having to wait for the entire file to download. Specifically, in this embodiment, the video is divided into multiple video segments, which are then transmitted and received one by one using streaming technologies such as segmented and framed transmission. The received video segments are then reassembled into a complete video at the receiving end.

[0135] Monitor the page loading process in real time, collecting performance metrics such as loading time, resource size, and number of requests. By analyzing this data, we can identify performance bottlenecks in page loading and implement targeted solutions to continuously optimize page loading performance.

[0136] This application collects performance indicators, calculates the comprehensive score of target page loading, analyzes key issues affecting loading speed, and optimizes these issues in a targeted manner, thereby speeding up the loading process of the target page.

[0137] In some optional implementations of this embodiment, calculating the comprehensive score of the target page loading based on the loading time, resource size, and number of requests includes the following steps:

[0138] Calculate corresponding weight values ​​according to the importance of the loading time, resource size and number of requests;

[0139] The comprehensive score of the target page loading is calculated according to the corresponding weight value.

[0140] In this embodiment, the page load event refers to the time it takes from the user initiating a request to the page being fully loaded, and is an important indicator for measuring web page performance. The number of requests and resource size also directly affect page loading speed.

[0141] This application calculates the importance of loading time, resource size, and number of requests, obtains corresponding weights, and then calculates a comprehensive score for target page loading, which is conducive to subsequent targeted optimization of indicators affecting page loading.

[0142] It should be emphasized that in order to further ensure the privacy and security of the above-mentioned page cache information, the above-mentioned page cache information can also be stored in a node of a blockchain.

[0143] The blockchain referred to in this application is a new application model for computer technologies such as distributed data storage, peer-to-peer transmission, consensus mechanisms, and encryption algorithms. Blockchain is essentially a decentralized database, a series of data blocks generated using cryptographic methods. Each data block contains information about a batch of network transactions, which is used to verify the validity of this information (to prevent counterfeiting) and generate the next block. Blockchain can include the underlying blockchain platform, the platform product service layer, and the application service layer.

[0144] The embodiments of the present application can acquire and process relevant data based on artificial intelligence technology. Artificial Intelligence (AI) is the theory, method, technology, and application system that uses digital computers or machines controlled by digital computers to simulate, extend, and expand human intelligence, perceive the environment, acquire knowledge, and use knowledge to achieve optimal results.

[0145] Basic AI technologies generally include sensors, dedicated AI chips, cloud computing, distributed storage, big data processing, operating / interaction systems, and mechatronics. AI software technologies primarily encompass computer vision, robotics, biometrics, speech processing, natural language processing, and machine learning / deep learning. This application can be applied to the smart leasing sector, thereby promoting the development of smart cities.

[0146] Those skilled in the art will appreciate that all or part of the processes in the above-described method embodiments can be implemented by instructing related hardware via computer-readable instructions. The computer-readable instructions can be stored in a computer-readable storage medium, and when the program is executed, it can include the processes in the above-described method embodiments. The aforementioned storage medium can be a non-volatile storage medium such as a magnetic disk, an optical disk, a read-only memory (ROM), or a random access memory (RAM).

[0147] It should be understood that although the steps in the flowcharts of the accompanying drawings are shown in sequence as indicated by the arrows, these steps are not necessarily executed in the order indicated by the arrows. Unless otherwise specified herein, there is no strict order restriction on the execution of these steps, and they can be executed in other orders. Moreover, at least some of the steps in the flowcharts of the accompanying drawings may include multiple sub-steps or multiple stages, and these sub-steps or stages are not necessarily executed at the same time, but can be executed at different times, and their execution order is not necessarily sequential, but can be executed in turn or alternately with other steps or at least a portion of the sub-steps or stages of other steps.

[0148] Further referring to Figure 3 , as an implementation of the method shown in the above Figure 2 , the present application provides an embodiment of a page loading device, which corresponds to the method embodiment shown in Figure 2 , and the device can be applied in various electronic devices.

[0149] As shown in Figure 3 , the page loading device 300 comprises a first receiving module 301, a first judging module 302, and a second receiving module 303 and a processing module 304, or a capturing module 305 and a control module 306. Wherein:

[0150] The first receiving module 301 is configured to receive a page access request of a user, wherein the page access request is used to request to access a target page;

[0151] The first judging module 302 is configured to judge whether the target page has an abnormal cache, wherein the abnormal cache is used to indicate a running error, an asynchronous error or a resource loading error;

[0152] The second receiving module 303 is configured to receive an instruction of emptying the abnormal cache and reloading the target page issued by the user when the judging result is yes;

[0153] The processing module 304 is configured to empty the abnormal cache and reload the target page according to the instruction; or

[0154] The device 300 comprises the capturing module 305, which is configured to trigger a monitoring module pre-deployed in the target page to capture the abnormal cache when the judging result is yes;

[0155] The control module 306 is configured to control the monitoring module to empty the abnormal cache and reload the target page.

[0156] In this embodiment, the first receiving module 301 receives a user's page access request, which is used to request access to a target page to obtain the page requested by the user; the first judging module 302 judges whether the target page has an exception cache, which is used to indicate a run error, an asynchronous error, or a resource loading error, to monitor the exception cache in the target page; the second receiving module 303 receives an instruction from the user to clear the exception cache and reload the target page when the judgment result is yes, to obtain the user instruction; the processing module 304 clears the exception cache and reloads the target page according to the instruction, to enable the user to quickly clear the exception cache and reload the page; or the device includes a capture module 305, which triggers a monitoring module pre-deployed on the target page to capture the exception cache when the judgment result is yes, to enable the monitoring module to capture the exception cache; the control module 306 controls the monitoring module to clear the exception cache and reload the target page, to clear the exception cache and load the page. This application retains the advantages of caching and only clears the cache and reloads the page when abnormal caching occurs. It improves the smoothness of users using H5 pages, reduces customer complaints, and is also conducive to business promotion.

[0157] In some optional implementations of this embodiment, the first determining module 302 includes:

[0158] The acquiring unit 3021 is configured to acquire the page data of the page access request and load and render the target page according to the page data;

[0159] The monitoring unit 3022 is used to monitor the loading process of the target page in real time;

[0160] The extraction unit 3023 is configured to extract an error code of the abnormal state when an abnormality is detected in the loading process of the target page;

[0161] The judging unit 3024 is configured to judge whether the target page has abnormal cache according to the error code.

[0162] In this embodiment, different error codes correspond to different exception contents, and cache exception may be one of them. Based on the correspondence table between exception contents and error codes, the error code can be used to determine whether it is a cache exception. When an exception is detected during the loading process, the error code of the abnormal state can be extracted to determine whether the target page has abnormal cache.

[0163] This application uses a pre-set correspondence table of exception content and error codes to quickly determine whether the target page has an abnormal cache by extracting the error code of the abnormal state that occurs during the loading process.

[0164] In some optional implementations of this embodiment, the control module 306 includes:

[0165] The clearing unit 3061 is used to control the monitoring module to clear the exception cache stored in the browser where the target page is located;

[0166] The loading unit 3062 is configured to reload the target page from the server according to the page data to obtain updated page content;

[0167] The cache unit 3063 is used to cache the updated page content in the browser.

[0168] In this embodiment, the abnormal cache is a cache pre-stored in the browser. When the cache content changes, the monitoring module clears the cache, reloads it from the server, and caches the updated page content in the browser for subsequent calls to the cache content.

[0169] This application can automatically clear the abnormal cache and load new cache content into the browser by controlling the monitoring module, avoiding the problem of users being unable to open pages due to abnormal caching, and making subsequent loading of new cache content more convenient.

[0170] In some optional implementations of this embodiment, the apparatus 300 further includes:

[0171] A generating module 307 is used to control the monitoring module to generate an error log according to the abnormality buffer;

[0172] The extraction module 308 is configured to extract error parameters from the error log and determine the corresponding error code.

[0173] In this embodiment, the monitoring module can also generate an error log based on the abnormal cache, and can extract error parameters from the error log to determine the error code, and the key factors of the abnormal cache error can be obtained according to the error code.

[0174] This application can quickly obtain the problems that occur during the target page loading process through the generated error logs and error codes, so as to analyze and improve the error problems later.

[0175] In some optional implementations of this embodiment, the apparatus 300 further includes:

[0176] A setting module 309 is used to set a loading priority order according to the preset importance of the target page;

[0177] The loading module 310 is configured to load page elements with high priorities in the target page according to the priority order.

[0178] In this embodiment, loading priorities are set for different page elements based on the importance of the page and the user's focus. For example, critical CSS and JavaScript files can be loaded first to ensure that the critical path of the page is completed as quickly as possible, thereby improving the page's interactive time.

[0179] This application can ensure that the critical path of the page is completed as quickly as possible by setting the priority order, thereby improving the page's interactive time.

[0180] In some optional implementations of this embodiment, the apparatus 300 further includes:

[0181] The collection module 311 is used to monitor the loading process of the target page in real time and collect performance indicators, including loading time, resource size, and number of requests;

[0182] A calculation module 312 is configured to calculate a comprehensive score of the target page loading based on the loading time, resource size, and number of requests;

[0183] The second judgment module 313 is used to judge whether the comprehensive score is lower than a preset threshold;

[0184] an identification module 314 configured to identify resources in the target page that are loading slowly when the determination result of the second determination module 313 is yes;

[0185] The segmentation module 315 is used to adopt progressive image loading technology to segment the large image into multiple small images for loading when the slowly loading resource is identified as a large image resource; and to adopt streaming technology to segment the video into multiple video segments for loading when the slowly loading resource is identified as a video resource.

[0186] In this embodiment, the page loading process is monitored in real time, and performance indicators such as loading time, resource size, and number of requests are collected. By analyzing this data, performance bottlenecks in page loading are identified and targeted processing is performed to continuously optimize page loading performance.

[0187] This application collects performance indicators, calculates the comprehensive score of target page loading, analyzes key issues affecting loading speed, and optimizes these issues in a targeted manner, thereby speeding up the loading process of the target page.

[0188] In some optional implementations of this embodiment, the calculation module 312 includes:

[0189] The first calculation unit 3121 is used to calculate corresponding weight values ​​according to the importance of the loading time, resource size and number of requests;

[0190] The second calculation unit 3122 is used to calculate the comprehensive score of the target page loading according to the corresponding weight value.

[0191] In this embodiment, the page load event refers to the time it takes from the user initiating a request to the page being fully loaded, and is an important indicator for measuring web page performance. The number of requests and resource size also directly affect page loading speed.

[0192] This application calculates the importance of loading time, resource size, and number of requests, obtains corresponding weights, and then calculates a comprehensive score for target page loading, which is conducive to subsequent targeted optimization of indicators affecting page loading.

[0193] It should be emphasized that in order to further ensure the privacy and security of the above-mentioned page cache information, the above-mentioned page cache information can also be stored in a blockchain node.

[0194] To solve the above technical problems, the present application also provides a computer device. Figure 4 , Figure 4 This is a basic structural block diagram of the computer device in this embodiment.

[0195] The computer device 4 includes a memory 41, a processor 42, and a network interface 43 that are interconnected through a system bus. It should be noted that the figure only shows a computer device 4 with components 41-43, but it should be understood that it is not required to implement all the components shown, and more or fewer components can be implemented instead. Among them, those skilled in the art can understand that the computer device here is a device that can automatically perform numerical calculations and / or information processing according to pre-set or stored instructions, and its hardware includes but is not limited to microprocessors, application-specific integrated circuits (ASICs), programmable gate arrays (FPGAs), digital signal processors (DSPs), embedded devices, etc.

[0196] The computer device may be a desktop computer, notebook computer, PDA, cloud server, etc. The computer device may interact with the user via a keyboard, mouse, remote control, touchpad, or voice control device.

[0197] The memory 41 includes at least one type of readable storage medium, such as a flash memory, a hard disk, a multimedia card, a card-type memory (e.g., SD or DX memory, etc.), a random access memory (RAM), a static random access memory (SRAM), a read-only memory (ROM), an electrically erasable programmable read-only memory (EEPROM), a programmable read-only memory (PROM), a magnetic memory, a magnetic disk, an optical disk, etc. In some embodiments, the memory 41 can be an internal storage unit of the computer device 4, such as a hard disk or a memory of the computer device 4. In other embodiments, the memory 41 can also be an external storage device of the computer device 4, such as a plug-in hard disk, a smart media card (SMC), a secure digital (SD) card, a flash card, etc. equipped on the computer device 6. Of course, the memory 41 can also include both an internal storage unit and an external storage device of the computer device 4. In this embodiment, the memory 41 is generally used to store an operating system and various application software installed on the computer device 4, such as computer readable instructions of the page loading method, etc. In addition, the memory 41 can also be used to temporarily store various data that have been output or will be output.

[0198] The processor 42 can be a central processing unit (CPU), a controller, a microcontroller, a microprocessor, or other data processing chip in some embodiments. The processor 42 is generally used to control the overall operation of the computer device 4. In this embodiment, the processor 42 is used to run computer readable instructions or process data stored in the memory 41, such as computer readable instructions of the page loading method.

[0199] The network interface 43 can include a wireless network interface or a wired network interface, and is generally used to establish a communication connection between the computer device 4 and other electronic devices.

[0200] The computer device of the present application receives a page access request from a user, wherein the page access request is used to request access to a target page, so as to obtain the page requested by the user; determines whether the target page has an exception cache, wherein the exception cache is used to indicate a run error, an asynchronous error, or a resource loading error, so as to monitor the exception cache in the target page; if so, receives an instruction from the user to clear the exception cache and reload the target page, so as to obtain the user instruction; clears the exception cache and reloads the target page according to the instruction, so as to enable the user to quickly clear the exception cache and reload the page; or triggers a monitoring module pre-deployed on the target page to capture the exception cache, so as to enable the monitoring module to capture the exception cache; controls the monitoring module to clear the exception cache and reload the target page, so as to clear the exception cache and load the page. The present application retains the advantages of caching, and only clears the cache and reloads the page when an exception cache occurs, thereby improving the fluency of users when using H5 pages, reducing customer complaints, and also being beneficial to business promotion.

[0201] The present application also provides another embodiment, namely, providing a computer-readable storage medium, which stores computer-readable instructions. The computer-readable instructions can be executed by at least one processor to enable the at least one processor to perform the steps of the page loading method as described above.

[0202] The computer-readable storage medium of the present application receives a page access request from a user, wherein the page access request is used to request access to a target page, so as to obtain the page requested by the user; determines whether the target page has an exception cache, wherein the exception cache is used to indicate a run error, an asynchronous error, or a resource loading error, so as to monitor the exception cache in the target page; if so, receives an instruction from the user to clear the exception cache and reload the target page, so as to obtain the user instruction; clears the exception cache and reloads the target page according to the instruction, so as to enable the user to quickly clear the exception cache and reload the page; or triggers a monitoring module pre-deployed on the target page to capture the exception cache, so as to enable the monitoring module to capture the exception cache; controls the monitoring module to clear the exception cache and reload the target page, so as to clear the exception cache and load the page. The present application retains the advantages of caching, and only clears the cache and reloads the page when an exception cache occurs, thereby improving the fluency of users when using H5 pages, reducing customer complaints, and also being beneficial to business promotion.

[0203] Through the description of the above implementation methods, those skilled in the art can clearly understand that the above-mentioned embodiment methods can be implemented by means of software plus the necessary general hardware platform, and of course can also be implemented by hardware, but in many cases the former is a better implementation method. Based on this understanding, the technical solution of the present application, or the part that contributes to the prior art, can be embodied in the form of a software product, which is stored in a storage medium (such as ROM / RAM, magnetic disk, optical disk), and includes a number of instructions for enabling a terminal device (which can be a mobile phone, computer, server, air conditioner, or network device, etc.) to execute the methods described in each embodiment of the present application.

[0204] Obviously, the embodiments described above are only some of the embodiments of the present application, rather than all of the embodiments. The preferred embodiments of the present application are given in the accompanying drawings, but they do not limit the patent scope of the present application. The present application can be implemented in many different forms. On the contrary, the purpose of providing these embodiments is to make the understanding of the disclosure of the present application more thorough and comprehensive. Although the present application has been described in detail with reference to the aforementioned embodiments, for those skilled in the art, it is still possible to modify the technical solutions described in the aforementioned specific embodiments, or to make equivalent replacements for some of the technical features therein. Any equivalent structure made using the contents of the present application specification and the accompanying drawings, directly or indirectly used in other related technical fields, is also within the scope of patent protection of the present application.

Claims

1. A page loading method, characterized in that: The steps include: Receive a page access request from a user, wherein the page access request is used to request access to a target page; Determine whether the target page has an exception cache, where the exception cache is used to indicate a runtime error, an asynchronous error, or a resource loading error; If so, receiving an instruction from the user to clear the abnormal cache and reload the target page; Clear the exception cache and reload the target page according to the instruction; or If yes, trigger the monitoring module pre-deployed on the target page to capture the abnormal cache; Controlling the monitoring module to clear the exception cache and reload the target page; The step of determining whether the target page has abnormal caching specifically includes: Obtaining page data of the page access request, and loading and rendering the target page according to the page data; Performing real-time monitoring on the loading process of the target page; When an exception occurs during the loading process of the target page, an error code of the exception state is extracted; It is determined whether the target page has abnormal cache according to the error code.

2. The page loading method according to claim 1, characterized in that: The step of controlling the monitoring module to clear the exception cache and reload the target page specifically includes: Controlling the monitoring module to clear the exception cache stored in the browser where the target page is located; Reloading the target page from the server according to the page data to obtain updated page content; The updated page content is cached in the browser.

3. The page loading method according to claim 1, characterized in that: After the step of controlling the monitoring module to clear the exception cache and reload the target page, the method further includes: Controlling the monitoring module to generate an error log according to the abnormality cache; Extract error parameters from the error log and determine the corresponding error code.

4. The page loading method according to claim 1, wherein: After receiving the page access request from the user, the method further includes: Setting a loading priority order according to the preset importance of the target page; The page elements with high priorities in the target page are loaded according to the priority order.

5. The page loading method according to claim 1, wherein: After the step of reloading the target page, the method further includes: Monitor the target page's loading process in real time and collect performance metrics, including loading time, resource size, and number of requests; Calculating a comprehensive score of the target page loading based on the loading time, resource size, and number of requests; Determining whether the comprehensive score is lower than a preset threshold; If it is lower than that, then identify the slow-loading resources in the target page; When the resource that is loading slowly is identified as a large image resource, a progressive image loading technology is used to split the large image into multiple small images for loading; When it is identified that the resource that is loaded slowly is a video resource, a streaming transmission technology is adopted to cut the video into multiple video segments for loading.

6. The page loading method according to claim 5, characterized in that: The step of calculating the comprehensive score of the target page loading based on the loading time, resource size, and number of requests specifically includes: Calculate corresponding weight values ​​according to the importance of the loading time, resource size and number of requests; The comprehensive score of the target page loading is calculated according to the corresponding weight value.

7. A page loading device, characterized in that: include: A first receiving module is used to receive a page access request from a user, wherein the page access request is used to request access to a target page; A first judgment module is used to judge whether the target page has an abnormal cache, where the abnormal cache is used to indicate a running error, an asynchronous error, or a resource loading error; A second receiving module is configured to receive an instruction from the user to clear the exception cache and reload the target page when the judgment result is yes; a processing module, configured to clear the exception cache and reload the target page according to the instruction; or The device includes a capture module for triggering a monitoring module pre-deployed on the target page to capture the abnormal cache when the judgment result is yes; A control module, configured to control the monitoring module to clear the exception cache and reload the target page; The first judgment module specifically includes: an acquiring unit, configured to acquire page data of the page access request, and load and render the target page according to the page data; A monitoring unit, configured to monitor the loading process of the target page in real time; An extraction unit, configured to extract an error code of the abnormal state when an abnormality is detected in the loading process of the target page; A judging unit is configured to judge whether the target page has abnormal cache according to the error code.

8. A computer device, characterized in that: The method comprises a memory and a processor, wherein the memory stores computer-readable instructions, and the processor implements the steps of the page loading method according to any one of claims 1 to 6 when executing the computer-readable instructions.

9. A computer-readable storage medium, characterized in that The computer-readable storage medium stores computer-readable instructions, which, when executed by a processor, implement the steps of the page loading method according to any one of claims 1 to 6.

Images