That's a lot of cat pictures.Ĭurrently, there are two ways to defer the loading of off-screen images: At the 90th percentile, sites send about 4.7 MB of images on desktop and mobile. Why browser-level lazy-loading? #Īccording to HTTPArchive, images are the most requested asset type for most websites and usually take up more bandwidth than any other resource. Browsers that do not support the loading attribute simply ignore it without side-effects. has detailed information on cross-browser support. The implementation for WebKit (Safari) is in progress. ![]() is supported by most popular Chromium-powered browsers (Chrome, Edge, Opera) and Firefox. In Chrome 76 onwards, you can use the loading attribute to lazy-load images without the need to write custom lazy-loading code or use a separate JavaScript library. ![]() ![]() Browser-level support for lazy-loading images is now supported on the web! This video shows a demo of the feature:
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |