Optimization of Hybrid Applications

Asked

Viewed 25 times

1

can during a scroll of a list with many elements, render only the on-screen, by means of a check of the current scroll movement that cancels itself and creating a parent div that has its height, manually set with position elements Absolute that has its height set manually, and interlink between display inline, inline-block, block against display None, of which are rendered or not on screen and thus remove lag during these scroll processes ?

1 answer

0


Dude, your solution would take a little bit of the "lag" (get out), because even this solution needs optimization. My suggestion is to use (or research a little about) the Lazy Load (Look at this wonderful JS). Now, here it comes a tip practice to create apps more optimally from the start: CSS should never be used for "invigorate" something with JS, unless there is no other way. Although CSS3 is fine "dynamic" it’s still static, so to streamline an application (which is your case), use as much JS and as little CSS as you can. The concept of Stylesheet is just standardize the style for JS to streamline the pattern.

Browser other questions tagged

You are not signed in. Login or sign up in order to post.