Lazy loading for list items. #47

Merged
KevinMidboe merged 1 commits from feature/lazy-loading-images into master 2020-01-31 21:18:43 +00:00
KevinMidboe commented 2020-01-31 21:18:01 +00:00 (Migrated from github.com)

This is somewhat inefficient because each list item has its own instance
of a intersectionObserver.
Improvements include:

  • Poster has placeholder image as source from mount
  • When component mounts we attach the observer
  • When observerd in viewport find
    • Find the correct image height based on the placeholders height
    • Change src to dynamic poster url
This is somewhat inefficient because each list item has its own instance of a intersectionObserver. Improvements include: - Poster has placeholder image as source from mount - When component mounts we attach the observer - When observerd in viewport find - Find the correct image height based on the placeholders height - Change src to dynamic poster url
Sign in to join this conversation.
No description provided.