Page picture resource progressive loading method, device and system and storage medium
By setting timer events and listening for page changes in the browser, the original resources are loaded asynchronously only when the image resources intersect with the visual area, the problem of network request queueing caused by the browser's concurrent requests is solved, and the smoothness and efficiency of web page loading is achieved.
CN119669595AInactive Publication Date: 2025-03-21XIAN BODA SOFTWARE CO LTD
8 Cites 1 Cited by
Patent Information
- Application Number
- CN202510184190.5
- Authority / Receiving Office
- CN · China
- Patent Type
- Applications(China)
- Current Assignee / Owner
- Filing Date
- 2025-02-19
- Publication Date
- 2025-03-21
- Estimated Expiration
- Not applicable · inactive patent
AI Technical Summary
Technical Problem
When the browser requests a large number of image resources concurrently, other network requests will be queued, causing the web page to be stuck or stuck, and the loading is not smooth.
Method used
By setting the timer event to find the image resource in advance, and listening to page changes when the page is loaded, the original resource is loaded asynchronously only when the image resource intersects the visual area, setting the maximum concurrency amount of asynchronous loading.
Benefits of technology
Significantly reduce the amount of data when the page is loaded for the first time, improve loading speed, avoid repeated loading of the same image resources, reduce network requests and bandwidth usage, and ensure loading smoothness and user experience.
✦ Generated by Eureka AI based on patent content.
Abstract
The invention discloses a page picture resource progressive loading method, device and system and a storage medium, and relates to the technical field of data processing. The method comprises the steps that a timer event is set, and when a page is loaded, picture resources are searched in advance through the timer event; monitoring the page, and when the page changes, searching for picture resources needing to be asynchronously loaded; when the picture resources needing to be asynchronously loaded are found, the picture resources needing to be asynchronously loaded are replaced with thumbnails, and asynchronous loading is prepared; and monitoring the intersection condition of the picture resource and the visual area of the page, and when the picture resource is intersected with the visual area, asynchronously loading the original resource of the picture. By adopting the method provided by the embodiment of the invention, the data volume when the page is loaded for the first time is reduced, so that the loading speed is increased; repeated loading of the same picture resource is avoided, and network requests and bandwidth occupation are reduced; therefore, the best loading experience can be obtained no matter how the user interacts with the page.
Need to check novelty before this filing date? Find Prior Art