Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
SlideShare a Scribd company logo

Pilot Tech Talk #7 — Optimizing Infinite Scroll by Paweł Sułkowski

•
•
Pilot
Pilot

See how Paweł Sułkowski talks about Optimizing Infinite Scroll in Tech Talk episode #7 Visit Pilot to see Paweł Sułkowski profile at pilot.co — World’s best engineering and design talent on demand.

Related slideshows

Drupal Presentation for CapitalCamp 2011: Features Driven Development
Drupal Presentation for CapitalCamp 2011: Features Driven DevelopmentDrupal Presentation for CapitalCamp 2011: Features Driven Development
Drupal Presentation for CapitalCamp 2011: Features Driven Development
 
Advanced Memory Management on iOS and Android - Mark Probst and Rodrigo Kumpera
Advanced Memory Management on iOS and Android - Mark Probst and Rodrigo KumperaAdvanced Memory Management on iOS and Android - Mark Probst and Rodrigo Kumpera
Advanced Memory Management on iOS and Android - Mark Probst and Rodrigo Kumpera
 
Features++
Features++Features++
Features++
 
1 of 9
Download to read offline
OPTIMIZING 
 INFINITE SCROLL Paweł Sułkowski
Symptoms Lost smoothness of the scroll
Problem Large amount of elements in the DOM along with too many layout’s recalculations / re-paintings
 
 More about what forces layout/reflow: gist.github.com/paulirish/5d52fb081b3570c81e3a
Solutions Keep the DOM clean by removing redundant elements or Hide not visible elements to remove them from browser’s render-tree
Algorithm Add an event handler to onscroll event and set „display: none” property to elements which are not visible Note If the dimension of an element is not known before rendering don’t forget about caching once you get it.
Pilot Tech Talk #7 — Optimizing Infinite Scroll by Paweł Sułkowski
Algorithm (2) Add an event handler to onscroll event and set „display: none” property to batch of elements which are not visible Note If the dimension of an element is not known before rendering don’t forget about caching once you get it.
Pilot Tech Talk #7 — Optimizing Infinite Scroll by Paweł Sułkowski
Thanks

More Related Content

Pilot Tech Talk #7 — Optimizing Infinite Scroll by Paweł Sułkowski

  • 3. Problem Large amount of elements in the DOM along with too many layout’s recalculations / re-paintings
 
 More about what forces layout/reflow: gist.github.com/paulirish/5d52fb081b3570c81e3a
  • 4. Solutions Keep the DOM clean by removing redundant elements or Hide not visible elements to remove them from browser’s render-tree
  • 5. Algorithm Add an event handler to onscroll event and set „display: none” property to elements which are not visible Note If the dimension of an element is not known before rendering don’t forget about caching once you get it.
  • 7. Algorithm (2) Add an event handler to onscroll event and set „display: none” property to batch of elements which are not visible Note If the dimension of an element is not known before rendering don’t forget about caching once you get it.