{"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":2,"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},"currentUser":null,"isOwner":false,"recommendations":{"questions":[{"_id":"63875545937c6f549165cea3","content":{"languages":["react"],"difficulty":1},"tags":["javascript","react","machine coding round","pr fix","github","code sample","pair programming","interview question","github pr","fix my pr","frontend coding challenge","javascript questions","machine coding rounds"],"slug":"how-to-fix-and-build-an-age-validator-or-pair-programming-or-frontend-coding-challenge-or-reactjs-or-javascript---qid---UPNnVPMHYevJuZ6dMsAw","title":"How to fix and build an Age Validator? | Pair Programming | Frontend Coding Challenge | ReactJS | JavaScript","questionId":"UPNnVPMHYevJuZ6dMsAw"},{"_id":"635d19908ea34063779992af","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 find","array every"],"slug":"how-to-implement-array-prototype-every-javascript-interview-question-or-problem-solving-or-javascript-polyfills---qid---z73LTBqI8n43iyjzmPu7","title":"How to implement Array.prototype.every? JavaScript Interview Question | Problem Solving | JavaScript Polyfills","questionId":"z73LTBqI8n43iyjzmPu7"},{"_id":"68430e91eba49c3067901345","content":{"languages":["javascript","typescript"],"difficulty":2},"tags":["javascript","ui","ux","atlassian","frontend interview question","devtools tech","blog","tutorial","problem solving","leetcode"],"slug":"measure-function-execution-time---qid---IhOsmM8wVTYcn0kVeQRi","title":" Measure Function Execution Time","questionId":"IhOsmM8wVTYcn0kVeQRi"},{"_id":"66753431407950304707f1ed","content":{"languages":["javascript","typescript"],"difficulty":4},"tags":["javascript","atlassian","frontend","ui","ux","devtools tech","google","coding","programming","tutorials","blog"],"slug":"how-to-implement-feature-flag-functionality-atlassian-frontend-interview-question---qid---af1JERRj92CZPrEyLl5z","title":"How to implement feature flag functionality? Atlassian Frontend Interview Question","questionId":"af1JERRj92CZPrEyLl5z"},{"_id":"69bbaa5092f33c7d8aba5608","content":{"languages":["react"],"difficulty":1},"tags":["javascript","ui","ux","devtools tech","coding","frontend","interview challenges"],"slug":"custom-react-hook-for-media-query-detection---qid---oKT4zxgTi2tFMYFnG9Qz","title":"Custom React Hook for Media Query Detection","questionId":"oKT4zxgTi2tFMYFnG9Qz"}],"resources":[{"_id":"69a52acc92f33c7d8a9f6107","content":{"difficulty":4,"domain":1,"type":2,"isInternal":false,"languages":[]},"tags":["javascript","ui","ux","devtools tech","tutorial","rendering","coding"],"slug":"how-react-ssr-actually-works-without-frameworks---rid---8decG2azJUycVwuG2WQE","title":"How React SSR Actually Works (Without Frameworks)","resourceId":"8decG2azJUycVwuG2WQE"},{"_id":"5f3022276d3cda64e470c3d0","content":{"difficulty":4,"domain":16,"type":5},"tags":["frontend","backend","data structures","algorithms","code","programming"],"slug":"problem-solving-using-javascript-or-working-solutions-or-github-link---rid---VI4rfdMJESnp934I6oBf","title":"Problem Solving using Javascript | Working Solutions | Github Link","resourceId":"VI4rfdMJESnp934I6oBf"},{"_id":"620a50051641361c7c65bd61","content":{"difficulty":4,"domain":2,"type":1,"isInternal":true},"tags":[""],"slug":"how-to-fix-errors-like-referenceerror-window-is-not-defined-in-remix-powered-web-app-or-javascript-frameworks---rid---G0OTehUXo6QQCrfykSF3","title":"How to fix errors like ReferenceError Window is Not Defined in Remix Powered Web App | JavaScript Frameworks","resourceId":"G0OTehUXo6QQCrfykSF3"},{"_id":"627795d91195627fe9f20c27","content":{"difficulty":4,"domain":12,"type":2,"isInternal":false},"tags":["product management","video podcast","devtools tech","youtube","product manager","remote","remote job","yomesh gupta","art"],"slug":"the-art-of-product-management-or-in-conversation-with-sourabh-ahuja-or-devtools-tech---rid---Ad5B6k5Zu9Oja2NdFK3t","title":"The Art of Product Management | In Conversation with Sourabh Ahuja | Devtools Tech","resourceId":"Ad5B6k5Zu9Oja2NdFK3t"},{"_id":"696a34bc132ce4e954b82594","content":{"difficulty":4,"domain":2,"type":1,"isInternal":true,"languages":[]},"tags":["javascript","ui","ux","devtools tech","coding"],"slug":"uber-frontend-interview-experience-sde-2---rid---dCWHwzvBTfbpsf7QzzqX","title":"Uber Frontend Interview Experience (SDE-2)","resourceId":"dCWHwzvBTfbpsf7QzzqX"}]}}