{"resource":{"title":"Lazy Loading Images","isPremium":true,"requires":["premium.fsd"],"content":{"type":1,"body":"*Part 5 of 8 — Image Optimisation for the Modern Web*\r\n\r\nNot every image needs to load immediately. The browser is working with finite network capacity, CPU, and memory. If you eagerly load every image on the page, the below-the-fold images end up competing with the CSS, JavaScript, and fonts the us...","isInternal":true},"isActive":true,"stats":{"views":24,"used":0,"likes":0},"published":true,"author":{"id":"3eh0kijZwMrHum8TkMqX","name":"Devtools Tech","username":"devtoolstech"},"resourceId":"YdibwFfrwv3NjOL8RtUV","slug":"lazy-loading-images---rid---YdibwFfrwv3NjOL8RtUV","createdAt":1779627436635,"showPaywall":true,"needsUpgrade":true,"minimumPlan":"yearly"},"currentUser":null,"isOwner":false,"recommendations":{"questions":[{"_id":"69bfe2847fa48f2af9ec3ee4","content":{"languages":["javascript","typescript"],"difficulty":1},"tags":["javascript","ui","ux","devtools tech","uber interview question","frontend coding","interview challenge"],"slug":"count-special-numbers---qid---vRrWeX7BmDaEvg8uQgfI","title":"Count Special Numbers","questionId":"vRrWeX7BmDaEvg8uQgfI"},{"_id":"6a09742a8a00d831f967e6fd","content":{"languages":["react"],"difficulty":1},"tags":["javascript","ui","ux","devtools tech","coding","frontend","ui challenge","tooling"],"slug":"implement-usefetch-custom-react-hook---qid---LFU4bPKGxk91cvWP4ORj","title":"Implement useFetch Custom React Hook","questionId":"LFU4bPKGxk91cvWP4ORj"},{"_id":"635172709efd8c366a2e80f4","content":{"languages":["javascript","typescript"],"difficulty":1},"tags":["","javascript","arrays","javascript polyfills","interview question","frontend","coding","devtools tech","programming","codedamn","frontend masters","egghead","razorpay","hotstar","tata1mg","swiggy","zomato","array","array findLastIndex"],"slug":"how-to-implement-array-prototype-findlastindex-javascript-interview-question-or-problem-solving-or-javascript-polyfills---qid---irZ7BX4HZ8iVyTJ7YDrv","title":"How to implement Array.prototype.findLastIndex? JavaScript Interview Question | Problem Solving | JavaScript Polyfills","questionId":"irZ7BX4HZ8iVyTJ7YDrv"},{"_id":"5f0ad08e3cce8c36cd29253d","content":{"difficulty":1,"languages":"html"},"tags":["frontend fundamentals","defer vs async","javascript","web","code","script tag","critical rendering path"],"slug":"difference-between-defer-and-async-keywords---qid---RtkQBI3Pbny5DhYLilhS","title":"Difference between Defer and Async keywords?","questionId":"RtkQBI3Pbny5DhYLilhS"},{"_id":"62545e903ecc8e41a79f0459","content":{"languages":["react"],"difficulty":2},"tags":["javascript","frontend","react","accordion","interview questions"],"slug":"implement-accordion-component-in-react-js-or-javascript-interview-question---qid---3pRN4mOqn69FJ94mrh1A","title":"Implement Accordion Component in React.js | JavaScript Interview Question","questionId":"3pRN4mOqn69FJ94mrh1A"}],"resources":[{"_id":"625939ff1195627fe9f0bb9c","content":{"difficulty":4,"domain":17,"type":3,"isInternal":false},"tags":["life","podcast","frontend","backend.software development","tooling","devtools tech","ios","fueled","ronnie and barty","grappus","fullstack"],"slug":"beyond-code-or-episode-1-or-video-podcast---rid---wituSBDrHHWE5yB7mq7R","title":"Beyond Code | Episode 1 | Video Podcast","resourceId":"wituSBDrHHWE5yB7mq7R"},{"_id":"696e3462132ce4e954ba3a52","content":{"difficulty":4,"domain":2,"type":1,"isInternal":true,"languages":[]},"tags":["javascript","ui","ux","devtools tech","flipkart interview experience","code"],"slug":"flipkart-frontend-interview-experience-or-ui-engineer-2---rid---2GUVrdNW6ka6fdh0xcbU","title":"Flipkart Frontend Interview Experience | UI Engineer 2","resourceId":"2GUVrdNW6ka6fdh0xcbU"},{"_id":"662b53824079503047f86f7f","content":{"difficulty":1,"domain":1,"type":1,"isInternal":true,"languages":[]},"tags":["javascript","frontend","ui","ux","devtools tech","coding","debounce","flipkart","react","tutorial","interviews","visa"],"slug":"what-is-debouncing-explain-with-examples---rid---bn9IQcem9rnLw7rT6gqk","title":"What is Debouncing? Explain with examples","resourceId":"bn9IQcem9rnLw7rT6gqk"},{"_id":"6990b509d080a1c8aefc6156","content":{"difficulty":4,"domain":1,"type":1,"isInternal":true,"languages":[]},"tags":["javascript","ui","ux","jobs","job search","frontend","coding","devtools tech"],"slug":"how-to-improve-job-search-using-google---rid---JNrLxyNeJ4pMMHD6KnOh","title":"How to improve job search using Google","resourceId":"JNrLxyNeJ4pMMHD6KnOh"},{"_id":"6310505a77f9961d5b7ce983","content":{"difficulty":2,"domain":1,"type":2,"isInternal":false},"tags":["javascript","redux","react","youtube","interviews","frontend","interview preparation","tooling","state management"],"slug":"build-your-own-redux-or-part-1-or-advanced-frontend---rid---MNkFAzvLnmds66wD3JV0","title":"Build Your Own Redux | Part 1 | Advanced Frontend","resourceId":"MNkFAzvLnmds66wD3JV0"}]}}