CN117131304A - Webpage resource loading method, system, electronic equipment and medium - Google Patents
Webpage resource loading method, system, electronic equipment and medium Download PDFInfo
- Publication number
- CN117131304A CN117131304A CN202311015370.8A CN202311015370A CN117131304A CN 117131304 A CN117131304 A CN 117131304A CN 202311015370 A CN202311015370 A CN 202311015370A CN 117131304 A CN117131304 A CN 117131304A
- Authority
- CN
- China
- Prior art keywords
- webpage
- access element
- cursor
- resource
- predicted access
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000011068 loading method Methods 0.000 title claims abstract description 74
- 238000000034 method Methods 0.000 claims abstract description 44
- 238000001514 detection method Methods 0.000 claims abstract description 15
- 230000006399 behavior Effects 0.000 claims description 18
- 238000004590 computer program Methods 0.000 claims description 10
- 238000012544 monitoring process Methods 0.000 claims description 9
- 238000004891 communication Methods 0.000 claims description 6
- 230000003068 static effect Effects 0.000 abstract description 7
- 238000011161 development Methods 0.000 abstract description 5
- 238000005457 optimization Methods 0.000 abstract description 5
- 238000013461 design Methods 0.000 description 6
- 230000000694 effects Effects 0.000 description 2
- 238000005516 engineering process Methods 0.000 description 2
- 230000004044 response Effects 0.000 description 2
- 238000012790 confirmation Methods 0.000 description 1
- 238000010586 diagram Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000011160 research Methods 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 230000001960 triggered effect Effects 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/955—Retrieval from the web using information identifiers, e.g. uniform resource locators [URL]
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9574—Browsing optimisation, e.g. caching or content distillation of access to content, e.g. by caching
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
- Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
Abstract
The invention belongs to the technical field of webpage development, and aims to provide a webpage resource loading method, a webpage resource loading system, electronic equipment and a webpage resource loading medium. According to the method, the user behavior detection is carried out in the webpage in real time, the predicted result of the user operation range is obtained, then the webpage resource data corresponding to the predicted result of the user operation range is loaded and cached locally, and when a user resource request is received, the static webpage resource data relevant to the element cached locally is obtained in advance and output. In the process, the method and the system can realize the advanced loading of the webpage resources, further reduce the page loading delay, improve the operation fluency and satisfaction of users, and realize the optimization of the webpage performance.
Description
Technical Field
The invention belongs to the technical field of webpage development, and particularly relates to a webpage resource loading method, a webpage resource loading system, electronic equipment and a webpage resource loading medium.
Background
In the process of web page browsing, the web page resource loading speed is an important factor affecting user experience, at present, after a user initiates a resource request in the process of web page resource loading, a domain name IP ((Internet Protocol, internet protocol) address corresponding to the resource request is obtained through a web browser according to a DNS (Domain Name Server ) server, and then the resource request is sent to a computer corresponding to the IP address through the server, so that the web browser obtains returned content corresponding to the resource request, and further loading of the resource is realized.
However, in using the prior art, the inventors found that there are at least the following problems in the prior art: with the rapid development of web technology, the experience requirements of business parties and users are gradually improved, in the traditional webpage resource loading method, corresponding resources are loaded when the users initiate resource requests, loading delay and Bai Bingka ton phenomena are easily caused by factors such as network delay in the process, the operation smoothness and satisfaction of the users are affected, and different browser kernels and environments can cause part loading speeds to have differences, so that the existing webpage resource loading scheme cannot meet the requirements of the users. Therefore, in order to ensure that the loading speed of the web page is optimized, it is necessary to research a web resource loading scheme capable of optimizing the performance of the web page.
Disclosure of Invention
The invention aims to solve the technical problems at least to a certain extent, and provides a webpage resource loading method, a webpage resource loading system, electronic equipment and a webpage resource loading medium.
In order to achieve the above purpose, the present invention adopts the following technical scheme:
in a first aspect, the present invention provides a method for loading web page resources, including:
user behavior detection is carried out in a webpage in real time, and a user operation range prediction result is obtained;
obtaining webpage resource data corresponding to the user operation range prediction result according to the user operation range prediction result;
loading the webpage resource data and caching the webpage resource data to the local;
and receiving a user resource request, judging whether the locally cached webpage resource data has the webpage resource data matched with the user resource request, and if so, outputting the webpage resource data.
The method and the device can realize the advanced loading of the webpage resources, further reduce the page loading delay, and improve the operation fluency and satisfaction of users, thereby realizing the optimization of the webpage performance. Specifically, in the implementation process, user behavior detection is performed in a webpage in real time to obtain a user operation range prediction result, and then webpage resource data corresponding to the user operation range prediction result is loaded and cached locally; the invention can also acquire the static webpage resource data related to the element cached locally in advance and output the static webpage resource data when receiving the user resource request, namely when confirming that the user clicks or accesses a certain element. In the process, the static resources are loaded in advance, so that the webpage resource loading delay can be reduced, the webpage page response speed is improved, the technical effect that the webpage resources can respond to the user demands immediately is realized, the waiting time of the user can be reduced, the user experience is improved, the technical support is provided for the webpage page performance optimization, and the method has wide application prospect in the front-end development field and has popularization and application values.
In one possible design, performing user behavior detection in a web page in real time to obtain a user operation range prediction result includes:
detecting the cursor position in a webpage in real time to obtain a predicted access element;
acquiring a cursor stay time corresponding to the predicted access element, and acquiring a target access element according to the predicted access element and the cursor stay time corresponding to the predicted access element;
and obtaining a user operation range prediction result according to all the target access elements.
In one possible design, performing cursor position detection in a web page in real time to obtain a predicted access element includes:
detecting the cursor position in the webpage in real time to obtain cursor position information;
judging whether the cursor position information corresponds to any label in the webpage or not, if so, entering the next step;
judging whether the label carries a network address, if so, taking the element corresponding to the label as a predicted access element;
correspondingly, acquiring the cursor stay time corresponding to the predicted access element, and obtaining the target access element according to the predicted access element and the cursor stay time corresponding to the predicted access element, wherein the method comprises the following steps:
acquiring the stay time of a cursor on a label corresponding to the predicted access element according to the cursor position information, and taking the stay time as the cursor stay time corresponding to the predicted access element;
judging whether the cursor stay time is longer than a first preset time, if so, taking the predicted access element corresponding to the cursor stay time as a target access element.
In one possible design, performing cursor position detection in a web page in real time to obtain a predicted access element includes:
detecting the cursor position in the webpage in real time to obtain cursor position information;
judging whether the cursor position information corresponds to any pre-marked element in the webpage, if so, taking the element as a predicted access element;
correspondingly, acquiring the cursor stay time corresponding to the predicted access element, and obtaining the target access element according to the predicted access element and the cursor stay time corresponding to the predicted access element, wherein the method comprises the following steps:
acquiring the stay time of the cursor on the predicted access element according to the cursor position information;
and judging whether the stay time of the cursor is longer than a first preset time, if so, taking the predicted access element as a target access element.
In one possible design, performing cursor position detection in a web page in real time to obtain a predicted access element includes:
detecting the cursor position in the webpage in real time, and acquiring all labels in the webpage when detecting cursor movement;
judging whether all the labels carry network addresses one by one, and taking elements corresponding to all the labels carrying the network addresses as predicted access elements;
correspondingly, acquiring the cursor stay time corresponding to the predicted access element, and obtaining the target access element according to the predicted access element and the cursor stay time corresponding to the predicted access element, wherein the method comprises the following steps:
acquiring the stay time of the cursor on the predicted access element according to the cursor position information;
and judging whether the cursor stay time is smaller than a second preset time, if so, taking the predicted access element as a target access element.
In one possible design, according to the user operation range prediction result, obtaining web page resource data corresponding to the user operation range prediction result includes:
acquiring network addresses of all target access elements in the predicted result of the user operation range;
and taking the network addresses of all the target access elements as resource paths, and obtaining webpage resource data corresponding to the predicted result of the user operation range according to the resource paths.
In one possible design, the method further comprises:
acquiring performance monitoring data of a webpage;
and performing performance analysis on the webpage according to the performance monitoring data to obtain a performance analysis result.
In a second aspect, the present invention provides a web resource loading system, configured to implement the web resource loading method according to any one of the foregoing embodiments; the webpage resource loading system comprises:
the user behavior analysis module is used for detecting user behaviors in a webpage in real time to obtain a user operation range prediction result;
the resource cache module is in communication connection with the user behavior analysis module and is used for obtaining webpage resource data corresponding to the user operation range prediction result according to the user operation range prediction result; the method is also used for loading the webpage resource data and caching the webpage resource data to the local;
and the resource output module is in communication connection with the resource cache module and is used for receiving the user resource request, judging whether the locally cached webpage resource data has the webpage resource data matched with the user resource request or not, and if so, outputting the webpage resource data.
In a third aspect, the present invention provides an electronic device, comprising:
a memory for storing computer program instructions; the method comprises the steps of,
a processor for executing the computer program instructions to perform the operations of the web resource loading method as described in any one of the preceding claims.
In a fourth aspect, the present invention provides a computer readable storage medium storing computer program instructions that are configured to perform operations of the web resource loading method as claimed in any one of the preceding claims when run.
Drawings
FIG. 1 is a flow chart of a method for loading web page resources in an embodiment;
FIG. 2 is a block diagram of a web page resource loading system in an embodiment.
Detailed Description
In order to more clearly illustrate the embodiments of the present invention or the technical solutions in the prior art, the present invention will be briefly described below with reference to the accompanying drawings and the description of the embodiments or the prior art, and it is obvious that the following description of the structure of the drawings is only some embodiments of the present invention, and other drawings can be obtained according to these drawings without inventive effort to a person skilled in the art. It should be noted that the description of these examples is for aiding in understanding the present invention, but is not intended to limit the present invention.
Example 1:
the embodiment discloses a webpage resource loading method, which can be executed by a computer device or a virtual machine with a certain computing resource, for example, an electronic device such as a personal computer, a smart phone, a personal digital assistant or a wearable device, or a virtual machine.
As shown in FIG. 1, a method for loading web page resources may include, but is not limited to, the following steps:
s1, detecting user behaviors in a webpage in real time to obtain a user operation range prediction result.
In step S1, user behavior detection is performed in real time on a web page to obtain a prediction result of a user operation range, including:
s101, detecting the cursor position in a webpage in real time to obtain a predicted access element; in this embodiment, the cursor position information of the user is monitored to confirm the possible elements to be accessed by the user, and the user operation range prediction is performed based on the cursor position information.
In this embodiment, a confirmation mode of the predicted access element may be implemented by presetting three starting modes, i.e., a default mode, a marking mode, and an automatic mode, and when the default mode is adopted, cursor position detection is performed in a web page in real time to obtain the predicted access element, including:
detecting the cursor position in the webpage in real time to obtain cursor position information; it should be noted that, in this embodiment, the cursor position detection is performed by monitoring a mouseover event of a browser to which a web page belongs, where the mouseover event is an event type triggered when a mouse pointer hovers over an element, and cursor movement information can be captured by using the mouseover time, so as to obtain cursor position information;
judging whether the cursor position information corresponds to any label in the webpage or not, if so, entering the next step; it should be noted that, when the cursor position information is coincident with the position of any tag, it is determined that it corresponds to the tag in the web page, that is, it is determined that the user cursor accesses the tag.
Judging whether the label carries a network address, if so, taking the element corresponding to the label as a predicted access element; it should be noted that, in the implementation process, the network address is bound to the tag by means of an href attribute, and the href attribute is used to specify the URL (Uniform Resource Locator ) of the hyperlink target.
In this embodiment, when a marking mode is adopted, marking some elements carrying network addresses in a web page in advance, correspondingly, detecting a cursor position in the web page in real time, to obtain a predicted access element, including:
detecting the cursor position in the webpage in real time to obtain cursor position information;
judging whether the cursor position information corresponds to any pre-marked element in the webpage, if so, taking the element as a predicted access element;
it should be noted that, the marking mode is suitable for application scenarios where the webpage behavior of the user is mature, at this time, the elements commonly used by the user can be marked in advance, and then the predicted access elements are obtained according to the cursor position detection result of the user. In the marking mode, the web page resource data corresponding to the predicted access element can be obtained through the matching of the pre-configured resource table.
In this embodiment, when the automatic mode is adopted, cursor position detection is performed in real time in a web page to obtain a predicted access element, including:
detecting the cursor position in the webpage in real time, and acquiring all labels in the webpage when detecting cursor movement;
judging whether all the labels carry network addresses one by one, and taking elements corresponding to all the labels carrying the network addresses as predicted access elements;
it should be noted that, in the automatic mode, when the cursor moves, all the labels carrying the network address in the web page source code are automatically acquired, so as to determine the predicted access element of the user, so that the automatic mode is suitable for an application scenario with simpler web page setting, less element number and larger reserved web page resource local cache space.
S102, acquiring the cursor stay time corresponding to the predicted access element, and acquiring a target access element according to the predicted access element and the cursor stay time corresponding to the predicted access element.
It should be noted that, in the default mode, correspondingly, acquiring the cursor stay time corresponding to the predicted access element, and obtaining the target access element according to the predicted access element and the cursor stay time corresponding to the predicted access element, where the method includes:
acquiring the stay time of a cursor on a label corresponding to the predicted access element according to the cursor position information, and taking the stay time as the cursor stay time corresponding to the predicted access element;
judging whether the cursor stay time is longer than a first preset time, if so, taking the predicted access element corresponding to the cursor stay time as a target access element.
It should be noted that, in the marking mode, correspondingly, acquiring the cursor stay time corresponding to the predicted access element, and obtaining the target access element according to the predicted access element and the cursor stay time corresponding to the predicted access element, where the method includes:
acquiring the stay time of the cursor on the predicted access element according to the cursor position information;
and judging whether the stay time of the cursor is longer than a first preset time, if so, taking the predicted access element as a target access element.
It should be noted that, in the automatic mode, correspondingly, acquiring the cursor stay time corresponding to the predicted access element, and obtaining the target access element according to the predicted access element and the cursor stay time corresponding to the predicted access element, where the method includes:
acquiring the stay time of the cursor on the predicted access element according to the cursor position information;
and judging whether the cursor stay time is smaller than a second preset time, if so, taking the predicted access element as a target access element.
It should be noted that, in the automatic mode, when the residence time of the cursor is less than the second preset time, the cursor movement is determined, and the predicted access element at this time is the target access element.
It should be noted that, in the implementation process, the user may configure the required mode first, and then load the webpage resource expected to need to be loaded in advance through the script, so as to realize the subsequent advanced loading of the webpage resource. Furthermore, loading web page resources ahead of time is not applicable in all situations, and excessive ahead of time loading may result in wasted resources and consumption of bandwidth. The developer needs to reasonably select different modes according to specific application scenes and requirements, and uses the advanced loading technology in the embodiment. Meanwhile, the implementation of the pre-loading also needs to consider the problems of compatibility and performance, ensure that the system can normally operate under different browsers and network environments and provide good user experience. The developer can select a proper pre-loading mode according to specific requirements and application scenes, and pay attention to compatibility and performance so as to realize efficient page loading and good user experience.
S103, obtaining a user operation range prediction result according to all the target access elements. It should be noted that, the predicted result of the user operation range includes all target access elements obtained within a certain period (such as the last 1 hour of the user performing the web browsing action).
In this embodiment, the prediction result of the user operation range is obtained, so that the loading and caching of the webpage resource data can be performed subsequently, and the corresponding loading of the webpage resource data can be realized according to different operation ranges of the user.
S2, obtaining webpage resource data corresponding to the user operation range prediction result according to the user operation range prediction result.
Specifically, in this embodiment, according to the user operation range prediction result, obtaining web resource data corresponding to the user operation range prediction result includes:
acquiring network addresses of all target access elements in the predicted result of the user operation range;
and taking the network addresses of all the target access elements as resource paths, and obtaining webpage resource data corresponding to the predicted result of the user operation range according to the resource paths.
S3, loading the webpage resource data and caching the webpage resource data to the local; it should be noted that, in this embodiment, different loaders may be invoked according to different types of web resource data, and then the web resource data corresponding to the user operation range prediction result is loaded based on the corresponding loaders; after the webpage resource data is loaded, the webpage resource data can be cached locally, so that a subsequent user can conveniently and rapidly access a certain element, and the webpage resource loading speed is improved.
S4, receiving a user resource request, judging whether the locally cached webpage resource data has the webpage resource data matched with the user resource request, and if so, outputting the webpage resource data. It should be understood that, in this embodiment, when the locally cached web resource data is cached with the web resource data matched with the user resource request, the web resource data is output after being analyzed.
In an implementation process of this embodiment, the method further includes:
acquiring performance monitoring data of a webpage; by way of example, performance monitoring data such as data including domLoading (time to parse DOM tree), domContentLoaded (event time consuming), preloaded resource request time, and statistics of page loading and DOM Ready of a web page, where domLoading and domContentLoaded of a web page may be obtained by monitoring performance api of a browser, preloaded resource request time, and statistics of page loading and DOM Ready time (time when HTML is parsed by a browser engine to generate DOM tree in memory) may be recorded by a fetch api of a browser.
And performing performance analysis on the webpage according to the performance monitoring data to obtain a performance analysis result so as to load and adjust webpage resources on the webpage, thereby facilitating subsequent better loading of the required webpage resources.
The embodiment can realize the advanced loading of the webpage resources, further reduce the page loading delay, and improve the operation fluency and satisfaction of the user, thereby realizing the optimization of the webpage performance. Specifically, in the implementation process of the embodiment, user behavior detection is performed in a webpage in real time to obtain a user operation range prediction result, and then webpage resource data corresponding to the user operation range prediction result is loaded and cached locally; the embodiment can also acquire the static webpage resource data related to the element cached locally in advance and output the static webpage resource data when receiving the user resource request, namely when confirming that the user clicks or accesses the element. In the process, the static resources are loaded in advance, so that the webpage resource loading delay can be reduced, the webpage page response speed is improved, the technical effect that the webpage resources can respond to the user demands in real time is achieved, the waiting time of the user can be reduced, the user experience is improved, technical support is provided for webpage page performance optimization, and the method has wide application prospect in the front-end development field and has popularization and application values.
Example 2:
the embodiment discloses a webpage resource loading system which is used for realizing the webpage resource loading method in the embodiment 1; as shown in fig. 2, the web resource loading system includes:
the user behavior analysis module is used for detecting user behaviors in a webpage in real time to obtain a user operation range prediction result;
the resource cache module is in communication connection with the user behavior analysis module and is used for obtaining webpage resource data corresponding to the user operation range prediction result according to the user operation range prediction result; the method is also used for loading the webpage resource data and caching the webpage resource data to the local;
and the resource output module is in communication connection with the resource cache module and is used for receiving the user resource request, judging whether the locally cached webpage resource data has the webpage resource data matched with the user resource request or not, and if so, outputting the webpage resource data.
Example 3:
on the basis of embodiment 1 or 2, this embodiment discloses an electronic device, which may be a smart phone, a tablet computer, a notebook computer, a desktop computer, or the like. An electronic device may be referred to as being for a terminal, portable terminal, desktop terminal, etc., the electronic device including:
a memory for storing computer program instructions; the method comprises the steps of,
a processor configured to execute the computer program instructions to perform the operations of the web resource loading method according to any one of embodiment 1.
Example 4:
on the basis of any one of embodiments 1 to 3, this embodiment discloses a computer-readable storage medium for storing computer-readable computer program instructions configured to perform the operations of the web page resource loading method described in embodiment 1 when run.
It will be apparent to those skilled in the art that the modules or steps of the invention described above may be implemented in a general purpose computing device, they may be concentrated on a single computing device, or distributed across a network of computing devices, or they may alternatively be implemented in program code executable by computing devices, such that they may be stored in a memory device for execution by the computing devices, or they may be separately fabricated into individual integrated circuit modules, or multiple modules or steps within them may be fabricated into a single integrated circuit module. Thus, the present invention is not limited to any specific combination of hardware and software.
Finally, it should be noted that the above embodiments are merely illustrative of the technical solution of the present invention, and not limiting thereof; although the invention has been described in detail with reference to the foregoing embodiments, it will be understood by those of ordinary skill in the art that: the technical scheme described in the foregoing embodiments can be modified or some of the technical features thereof can be replaced by equivalents. Such modifications and substitutions do not depart from the spirit and scope of the technical solutions of the embodiments of the present invention.
Claims (10)
1. A webpage resource loading method is characterized in that: comprising the following steps:
user behavior detection is carried out in a webpage in real time, and a user operation range prediction result is obtained;
obtaining webpage resource data corresponding to the user operation range prediction result according to the user operation range prediction result;
loading the webpage resource data and caching the webpage resource data to the local;
and receiving a user resource request, judging whether the locally cached webpage resource data has the webpage resource data matched with the user resource request, and if so, outputting the webpage resource data.
2. The method for loading web page resources according to claim 1, wherein: user behavior detection is performed in a webpage in real time to obtain a user operation range prediction result, and the method comprises the following steps:
detecting the cursor position in a webpage in real time to obtain a predicted access element;
acquiring a cursor stay time corresponding to the predicted access element, and acquiring a target access element according to the predicted access element and the cursor stay time corresponding to the predicted access element;
and obtaining a user operation range prediction result according to all the target access elements.
3. The method for loading web page resources according to claim 2, wherein: detecting the cursor position in the webpage in real time to obtain a predicted access element, including:
detecting the cursor position in the webpage in real time to obtain cursor position information;
judging whether the cursor position information corresponds to any label in the webpage or not, if so, entering the next step;
judging whether the label carries a network address, if so, taking the element corresponding to the label as a predicted access element;
correspondingly, acquiring the cursor stay time corresponding to the predicted access element, and obtaining the target access element according to the predicted access element and the cursor stay time corresponding to the predicted access element, wherein the method comprises the following steps:
acquiring the stay time of a cursor on a label corresponding to the predicted access element according to the cursor position information, and taking the stay time as the cursor stay time corresponding to the predicted access element;
judging whether the cursor stay time is longer than a first preset time, if so, taking the predicted access element corresponding to the cursor stay time as a target access element.
4. The method for loading web page resources according to claim 2, wherein: detecting the cursor position in the webpage in real time to obtain a predicted access element, including:
detecting the cursor position in the webpage in real time to obtain cursor position information;
judging whether the cursor position information corresponds to any pre-marked element in the webpage, if so, taking the element as a predicted access element;
correspondingly, acquiring the cursor stay time corresponding to the predicted access element, and obtaining the target access element according to the predicted access element and the cursor stay time corresponding to the predicted access element, wherein the method comprises the following steps:
acquiring the stay time of the cursor on the predicted access element according to the cursor position information;
and judging whether the stay time of the cursor is longer than a first preset time, if so, taking the predicted access element as a target access element.
5. The method for loading web page resources according to claim 2, wherein: detecting the cursor position in the webpage in real time to obtain a predicted access element, including:
detecting the cursor position in the webpage in real time, and acquiring all labels in the webpage when detecting cursor movement;
judging whether all the labels carry network addresses one by one, and taking elements corresponding to all the labels carrying the network addresses as predicted access elements;
correspondingly, acquiring the cursor stay time corresponding to the predicted access element, and obtaining the target access element according to the predicted access element and the cursor stay time corresponding to the predicted access element, wherein the method comprises the following steps:
acquiring the stay time of the cursor on the predicted access element according to the cursor position information;
and judging whether the cursor stay time is smaller than a second preset time, if so, taking the predicted access element as a target access element.
6. The method for loading web page resources according to claim 1, wherein: obtaining webpage resource data corresponding to the user operation range prediction result according to the user operation range prediction result, wherein the webpage resource data comprises the following steps:
acquiring network addresses of all target access elements in the predicted result of the user operation range;
and taking the network addresses of all the target access elements as resource paths, and obtaining webpage resource data corresponding to the predicted result of the user operation range according to the resource paths.
7. The method for loading web page resources according to claim 1, wherein: the method further comprises the steps of:
acquiring performance monitoring data of a webpage;
and performing performance analysis on the webpage according to the performance monitoring data to obtain a performance analysis result.
8. A webpage resource loading system is characterized in that: for implementing the web resource loading method according to any one of claims 1 to 7; the webpage resource loading system comprises:
the user behavior analysis module is used for detecting user behaviors in a webpage in real time to obtain a user operation range prediction result;
the resource cache module is in communication connection with the user behavior analysis module and is used for obtaining webpage resource data corresponding to the user operation range prediction result according to the user operation range prediction result; the method is also used for loading the webpage resource data and caching the webpage resource data to the local;
and the resource output module is in communication connection with the resource cache module and is used for receiving the user resource request, judging whether the locally cached webpage resource data has the webpage resource data matched with the user resource request or not, and if so, outputting the webpage resource data.
9. An electronic device, characterized in that: comprising the following steps:
a memory for storing computer program instructions; the method comprises the steps of,
a processor for executing the computer program instructions to perform the operations of the web resource loading method of any one of claims 1 to 7.
10. A computer readable storage medium storing computer program instructions readable by a computer, characterized by: the computer program instructions are configured to perform the operations of the web resource loading method of any one of claims 1 to 7 when run.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202311015370.8A CN117131304A (en) | 2023-08-11 | 2023-08-11 | Webpage resource loading method, system, electronic equipment and medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202311015370.8A CN117131304A (en) | 2023-08-11 | 2023-08-11 | Webpage resource loading method, system, electronic equipment and medium |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN117131304A true CN117131304A (en) | 2023-11-28 |
Family
ID=88851990
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202311015370.8A Pending CN117131304A (en) | 2023-08-11 | 2023-08-11 | Webpage resource loading method, system, electronic equipment and medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN117131304A (en) |
-
2023
- 2023-08-11 CN CN202311015370.8A patent/CN117131304A/en active Pending
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US9729499B2 (en) | Browser and method for domain name resolution by the same | |
| CN102438045B (en) | Method and system for pre-fetching web page, and method for accessing web page | |
| CN106294648B (en) | Processing method and device for page access path | |
| US10157130B1 (en) | Differential storage and eviction for information resources from a browser cache | |
| US20140006487A1 (en) | Methods for making ajax web applications bookmarkable and crawable and devices thereof | |
| CN102799372B (en) | A kind of method for uploading of pictorial information and upload device | |
| CN106528659B (en) | Control method and device for browser to jump to application program | |
| CN107402938B (en) | Page display method and device and client equipment | |
| US11157576B2 (en) | Method, system and terminal for performing search in a browser | |
| US8090702B2 (en) | Analyzing web site traffic | |
| KR20210089081A (en) | Landing page processing method, device, equipment and medium | |
| CN108874922A (en) | Client device, webpage rendering method and storage medium based on single page application | |
| US7937715B2 (en) | Mechanism for generating dynamic content without a web server | |
| US20230409398A1 (en) | Resource pre-fetch using age threshold | |
| US20150193394A1 (en) | Scheduling processing of resource requests to ensure fulfillment of foreground requests | |
| US11477158B2 (en) | Method and apparatus for advertisement anti-blocking | |
| CN113392358A (en) | Static resource preloading method and device | |
| CN112433784A (en) | Page loading method, device, equipment and storage medium | |
| CN110858238B (en) | Data processing method and device | |
| CN117131304A (en) | Webpage resource loading method, system, electronic equipment and medium | |
| CN111506837B (en) | Search method, search device, electronic equipment and readable storage medium | |
| CN111756744B (en) | H5 user identification method, device, equipment and storage medium | |
| US20140237133A1 (en) | Page download control method, system and program for ie core browser | |
| CN114257575B (en) | Client data processing method and device, electronic equipment and storage medium | |
| CN113220296B (en) | Android system interaction method and device |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination |