I can during a scroll of a list with many elements, render only the ones on screen, through a check of the current scrolling movement that cancels itself and creating a parent div that has its height, set manually with elements of position absolute that has its height set manually, and interleave between inline-display, inline-block, block against the display none, those that are rendered or not on screen and thus remove the lag during these scrolling processes?
Optimization of Hybrid Applications
0
asked by anonymous 02.11.2017 / 16:13
1 answer
0
Dude, your solution would take some of the " lag " (if you do) because even that solution needs optimization. My suggestion is to use (or search for a little bit) the Lazy Load ( see this JS that marvelous ). Now here is a tip practice to create apps more optimally from the start : CSS should never be used to " energize" something with JS, unless there is no other way. Although CSS3 is "dynamic", it is still static, so to streamline an application (which is your case), use as much JS and less CSS as you can. The StyleSheet concept is just to standardize the style for JS to dynamize the pattern .
02.11.2017 / 21:08