We proposed different options for adding lazy-loading of poster images of videos in HTML, and opted for the least complex option which is a new “posterloading” attribute.
Working on Lazy loading video element poster attribute
Working on lazy-loading video element poster attribute
Challenge
Solution
We submitted a spec PR, wrote wpt tests, filed issues for browsers (see chromium issue), MDN and Validator.nu. We reached out for implementer interest and got a positive signal for WebKit and Chromium. The PRs are currently waiting for review.
Impact
When the change is implemented in browsers, web developers will be able to use lazy-loading for poster images on videos without relying on hacks. When used correctly this should improve page loading performance and reduce overall network activity for pages that have out of view video poster images.
More work like this at Bocoup
Contact Us
We'd love to hear from you. Get in touch!
P.O. Box 961436
Boston, MA 02196