--- title: The best approach to lazy load images for maximum... description: Native lazy loading for images and iframes was released for Chrome and other major browsers. Image lazy loading is one of the more popular approaches of... canonical: https://daily.dev/posts/the-best-approach-to-lazy-load-images-for-maximum-performance-xgjctv3gn twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: The best approach to lazy load images for maximum performance | daily.dev og:description: Native lazy loading for images and iframes was released for Chrome and other major browsers. Image lazy loading is one of the more popular approaches of... og:url: https://daily.dev/posts/the-best-approach-to-lazy-load-images-for-maximum-performance-xgjctv3gn og:image: https://api.daily.dev/og/posts/XgJCtV3GN.png og:image:alt: The best approach to lazy load images for maximum performance og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # The best approach to lazy load images for maximum performance **[Hashnode](https://daily.dev/sources/hashnode)** · [@code_adrian](https://daily.dev/code_adrian) · 3 min read · 101 upvotes · 7 comments ## Summary Native lazy loading for images and iframes was released for Chrome and other major browsers. Image lazy loading is one of the more popular approaches of optimizing websites due to the relatively easy implementation and large performance gain. Around 73% of currently used browsers support this feature which is not bad but we don't want to make the website image content inaccessible and unusable to 27% of potential users. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Community discussion Top comments from developers on daily.dev. **@idoshamun** · 2 upvotes > Nice trick combining the new loading attribute with lazysizes. Progressive enhancement is superb! **@hamatoyogi** · 1 upvotes > 👌🏽 ## Similar posts on daily.dev - [Don’t just attend KubeCon \+ CloudNativeCon, Merge Forward your experience\!](https://daily.dev/posts/don-t-just-attend-kubecon-cloudnativecon-merge-forward-your-experience--l0rpp73x8) · CNCF · 1 upvotes · 0 comments - [Announcing H2 2026 KCDs](https://daily.dev/posts/announcing-h2-2026-kcds-m96goajm1) · CNCF · 1 upvotes · 0 comments - [Two months of Open Community Groups](https://daily.dev/posts/two-months-of-open-community-groups-asf52zhbs) · CNCF · 0 upvotes · 0 comments - [CNCF Unveils Schedule for KubeCon \+ CloudNativeCon Europe 2026](https://daily.dev/posts/cncf-unveils-schedule-for-kubecon-cloudnativecon-europe-2026-ikhcoa5cb) · CNCF · 2 upvotes · 0 comments - [CNCF Debuts KubeCon \+ CloudNativeCon Japan 2026 Schedule](https://daily.dev/posts/cncf-debuts-kubecon-cloudnativecon-japan-2026-schedule-xp5pyudub) · CNCF · 1 upvotes · 0 comments --- Tags: [#javascript](https://daily.dev/tags/javascript) [View this post on daily.dev](https://daily.dev/posts/the-best-approach-to-lazy-load-images-for-maximum-performance-xgjctv3gn) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"The best approach to lazy load images for maximum performance","url":"https://daily.dev/posts/the-best-approach-to-lazy-load-images-for-maximum-performance-xgjctv3gn","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/the-best-approach-to-lazy-load-images-for-maximum-performance-xgjctv3gn"},"datePublished":"2021-03-22T07:45:13.610Z","dateModified":"2021-10-07T14:17:10.317Z","description":"Native lazy loading for images and iframes was released for Chrome and other major browsers. Image lazy loading is one of the more popular approaches of...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/807ec59f19e04f2ffff53092ac0e5867","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/807ec59f19e04f2ffff53092ac0e5867","isAccessibleForFree":true,"articleSection":"Hashnode","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Person","name":"Adrian Bece","url":"https://daily.dev/code_adrian","image":"https://lh3.googleusercontent.com/a-/AOh14GhnN6euW7vrStweOpsgU9GB1vbFf6Pv12ZI3e6WYg=s100","description":"React, Frontend, Magento 2 certified developer. Rock and metal music fan, avid reader, adores Calvin & Hobbes comics. Tech lead at PROTOTYP.","interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"EndorseAction"},"userInteractionCount":830}},"commentCount":7,"discussionUrl":"https://daily.dev/posts/the-best-approach-to-lazy-load-images-for-maximum-performance-xgjctv3gn","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":101},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":7}],"keywords":"javascript","timeRequired":"PT3M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Hashnode","item":"https://daily.dev/sources/hashnode"},{"@type":"ListItem","position":3,"name":"The best approach to lazy load images for maximum performance"}]} {"@context":"https://schema.org","@type":"WebPage","@id":"https://daily.dev/posts/the-best-approach-to-lazy-load-images-for-maximum-performance-xgjctv3gn","comment":[{"@type":"Comment","text":"Nice trick combining the new loading attribute with lazysizes. Progressive enhancement is superb!","datePublished":"2021-03-22T09:34:20.181Z","url":"https://daily.dev/posts/XgJCtV3GN#c-jPcRcdG_q","author":{"@type":"Person","name":"Ido Shamun","url":"https://daily.dev/idoshamun","image":"https://media.daily.dev/image/upload/s---xy_OAwk--/f_auto,q_auto/v1703781380/avatars/avatar_28849d86070e4c099c877ab6837c61f0"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":2}},{"@type":"Comment","text":"👌🏽","datePublished":"2021-03-26T07:30:08.020Z","url":"https://daily.dev/posts/XgJCtV3GN#c-ihbfcvPRn","author":{"@type":"Person","name":"Yoav Ganbar","url":"https://daily.dev/hamatoyogi","image":"https://avatars0.githubusercontent.com/u/6682981?v=4"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":1}}]} ```