Method and device for lazy loading of webpage block

A lazy loading and block technology, applied in the computer field, can solve problems such as height changes of HTML elements, complex block positioning and navigation, affecting user experience, etc., and achieve the effect of avoiding page jitter

Active Publication Date: 2017-05-10
ALIBABA GRP HLDG LTD
View PDF6 Cites 7 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

[0003] However, the height of the container is different before and after the HTML block is loaded. For example, the initial fixed height value of the container is different from the real height value of the block, which will cause a sudden change in the height of the HTML element. The length and position of the vertical scroll bar will change, which can be called page jitter, which affects the user experience; at the same time, it also makes the positioning and navigation of blocks on the page more complicated

Method used

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
View more

Image

Smart Image Click on the blue labels to locate them in the text.
Viewing Examples
Smart Image
  • Method and device for lazy loading of webpage block
  • Method and device for lazy loading of webpage block
  • Method and device for lazy loading of webpage block

Examples

Experimental program
Comparison scheme
Effect test

Embodiment Construction

[0033] Reference will now be made in detail to the exemplary embodiments, examples of which are illustrated in the accompanying drawings. When the following description refers to the accompanying drawings, the same numerals in different drawings refer to the same or similar elements unless otherwise indicated. The implementations described in the following exemplary embodiments do not represent all implementations consistent with this application. Rather, they are merely examples of apparatuses and methods consistent with aspects of the present application as recited in the appended claims.

[0034] A web page may include multiple HTML elements, and an HTML element is equivalent to a container of an HTML block, and an HTML block is the content of the HTML element. see figure 1 example of figure 1 The page of a shopping website is shown as an example, and it shows the page that enters the user's field of vision in the website. If the user scrolls the scroll bar 11 on the rig...

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to view more

PUM

No PUM Login to view more

Abstract

The invention provides a method and a device for the lazy loading of a webpage block. The method comprises the following steps of: receiving a webpage browsing request sent from a client side, wherein a requested webpage comprises a lazy loading webpage block; sending the initial height value of the container of the webpage block to the client side to enable the client side to set the height of the container as the initial height value, wherein the initial height value is the block height of the webpage block; and when a block loading request sent from the client side is received, sending the block information of the webpage block to the client side to enable the client side to load the webpage block to the container according to the block information, wherein the height of the loaded webpage block is the block height. By use of the method, page thrashing during the lazy loading of the webpage block is avoided.

Description

technical field [0001] The present application relates to computer technology, in particular to a method and device for lazy loading of web page blocks. Background technique [0002] With the development of the Internet, web pages, as carriers of content, are used more and more widely. In order to improve the initial speed when users open a webpage, many webpages currently use the lazy loading technology of HTML blocks. HTML blocks are the content of an HTML element in a webpage. HTML elements are equivalent to the container of HTML blocks. It will not be loaded, but the container of the block is loaded first, which can be set to a fixed height value (but not the real height of the block, because the block has not been loaded yet, and the block height cannot be obtained) , wait until the HTML element enters the user's field of view before loading the HTML block, and get the real height of the block, and set the container to the corresponding height value of the block. [0...

Claims

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to view more

Application Information

Patent Timeline
no application Login to view more
Patent Type & Authority Applications(China)
IPC IPC(8): G06F17/30
CPCG06F16/9574
Inventor 李鹏
Owner ALIBABA GRP HLDG LTD
Who we serve
  • R&D Engineer
  • R&D Manager
  • IP Professional
Why Eureka
  • Industry Leading Data Capabilities
  • Powerful AI technology
  • Patent DNA Extraction
Social media
Try Eureka
PatSnap group products

Browse by: Latest US Patents, China's latest patents, Technical Efficacy Thesaurus, Application Domain, Technology Topic.

© 2024 PatSnap. All rights reserved.Legal|Privacy policy|Modern Slavery Act Transparency Statement|Sitemap