cerner.github.io icon indicating copy to clipboard operation
cerner.github.io copied to clipboard

Lazy load YouTube embedded video references

Open Kallie-Riff opened this issue 8 years ago • 2 comments

Currently the tech-talk tab loads all videos into the page during render. These videos should be 'lazy loaded' onto the page - so when the user clicks play the video will load but not before that happens. We will use the same design for the upcoming internal speakers tab.

Thinking about using something similar to this to solve the issue.

If load speeds are still slow after this change we could consider looking at pagination (might want this anyway for better usability).

Kallie-Riff avatar Feb 10 '17 19:02 Kallie-Riff

This is a good strategy, loading the content during render is less than ideal, especially as the content grows. Lazy loading them will allow viewers pick and choose what is worth loading to them.

anelson425 avatar Jun 14 '17 19:06 anelson425

I'm going to pull this into our uplift of the site. We are doing doing an embedded YouTube video inclusion, but can optimize the generated HTML for the embedded view. In this uplift, we are also using the latest of Bootstrap, which also has options:

https://medium.com/@ryanlebel/speed-up-page-load-time-c6b9148d0a2

cchesser avatar Jul 15 '20 16:07 cchesser