{"resource":{"title":"Reducing Image Bytes","isPremium":true,"requires":["premium.fsd"],"content":{"type":1,"body":"*Part 3 of 8 — Image Optimisation for the Modern Web*\r\n\r\nThe first step of optimisation is to reduce the number of images and what browser needs to download. A useful way to think about this is:\r\n\r\n> ***The cheapest image byte is the one the browser never has to download.***\r\n\r\nThat does not only me...","isInternal":true},"isActive":true,"stats":{"views":12,"used":0,"likes":0},"published":true,"author":{"id":"3eh0kijZwMrHum8TkMqX","name":"Devtools Tech","username":"devtoolstech"},"resourceId":"eoeW8SDZdwwNWBtFqfOh","slug":"reducing-image-bytes---rid---eoeW8SDZdwwNWBtFqfOh","createdAt":1779623184396,"showPaywall":true,"needsUpgrade":true},"currentUser":null,"isOwner":false,"recommendations":{"questions":[{"_id":"63cbabc722480f26b3cdaa7e","content":{"languages":["react","html"],"difficulty":1},"tags":["javascript","frontend","code","programming","machine coding round","take home assignment","reactjs","ui challenge","devkode","frontend challenges","html","css","vanilla js","frontend fundamentals"],"slug":"how-to-create-a-timer-with-progress-bar-or-machine-coding-round-or-react-js-or-html-or-css-or-javascript---qid---rmRLfEZ2b0eR6vmAjQXA","title":"How to create a timer with progress bar? | Machine Coding Round | React.js | HTML | CSS | JavaScript","questionId":"rmRLfEZ2b0eR6vmAjQXA"},{"_id":"63944fbc937c6f549166a422","content":{"languages":["react"],"difficulty":1},"tags":["javascript","react custom hooks","react native","server","nodejs","express","node env","ui","ux","code","programming","advanced frontend","advanced js","interview questions","interview preparaion"],"slug":"how-to-create-usessr-hook-in-react-js-or-javascript-interview-question-or-frontend-problem-solving---qid---vnQF7C2b9SekCZB68tLH","title":"How to create useSSR hook in React.js? | JavaScript Interview Question | Frontend Problem Solving","questionId":"vnQF7C2b9SekCZB68tLH"},{"_id":"625996d41195627fe9f0bfb5","content":{"languages":["react","html"],"difficulty":1},"tags":["reactjs","javascript","machine coding round","flipkart","startups","interview question","ui question","password checker","how to build","frontend masters","egghead","codedamn","leetcode","facebook interview question","devtools tech"],"slug":"how-to-build-a-password-strength-checker-in-react-js-or-frontend-interview-question-or-javascript---qid---tQR3mRIXsSK1tDfCliYj","title":"How to build a Password Strength Checker in React.js | Frontend Interview Question | JavaScript ","questionId":"tQR3mRIXsSK1tDfCliYj"},{"_id":"5ec557165b57cb40dd43fa35","content":{"difficulty":1,"languages":"javascript"},"tags":["node.js","javascript","algorithms","dsa","time complexity","interview preparation","cs fundamentals"],"slug":"what-is-the-time-complexity-of-the-following-code-snippet---qid---G3yPO9NqbXIkpWdVQ9od","title":"What is the time complexity of the following code snippet?","questionId":"G3yPO9NqbXIkpWdVQ9od"},{"_id":"65ad10f98f7afe4225332ec3","content":{"languages":["react","html"],"difficulty":4},"tags":["javascript","frontend","code","ui","ux","devtools tech","frontend coding challenge","react","ui game","interview question","ms"],"slug":"build-country-capital-game-or-microsoft-frontend-interview-question-or-javascript-or-react-js---qid---yPb5g7MLCSf6j2F3qjqj","title":"Build Country Capital Game | Microsoft Frontend Interview Question | JavaScript | React.js","questionId":"yPb5g7MLCSf6j2F3qjqj"}],"resources":[{"_id":"652d6380d5ab2876a4ca20df","content":{"difficulty":4,"domain":2,"type":1,"isInternal":false,"languages":["undefined"]},"tags":["javascript","frontend","ui","ux","factset","interview experience","devtools tech","blog","medium"],"slug":"factset-software-engineer-ii-interview-experience---rid---ShYACNVRYsAX43wOki4A","title":"FactSet Software Engineer-II Interview Experience","resourceId":"ShYACNVRYsAX43wOki4A"},{"_id":"61f104fcf144a82a5ee29fb2","content":{"difficulty":1,"domain":2,"type":1,"isInternal":true},"tags":["javascript","hoisting","interview","js fundamentals","frontend fundamentals","scoping","temporal dead zone","frontend interview questions","interview answers"],"slug":"hoisting-in-javascript-explained-or-javascript-interview-questions---rid---6oy63tirhGHUyvC3HYf1","title":"Hoisting in JavaScript Explained | JavaScript Interview Questions","resourceId":"6oy63tirhGHUyvC3HYf1"},{"_id":"5f1dd74dcbec5f7ffc0c2fac","content":{"difficulty":2,"domain":3,"type":1,"isInternal":true},"tags":["node.js","express","rest","api","framework","backend","tools","devtools","framework development","build express"],"slug":"build-your-own-expressjs-or-part-3---rid---6mHfnu0fQoPw4RBpexRV","title":"Build your own expressjs | Part 3","resourceId":"6mHfnu0fQoPw4RBpexRV"},{"_id":"5f2c0c39f81d6d48b5c4cd06","content":{"difficulty":1,"domain":2,"type":1},"tags":["frontend","html","css","webpage performance","css3","page load times"],"slug":"content-visibility-the-new-css-property-that-boosts-your-rendering-performance---rid---qB5R8n3HZ3NWdukfs7zu","title":"content-visibility: the new CSS property that boosts your rendering performance","resourceId":"qB5R8n3HZ3NWdukfs7zu"},{"_id":"6a12e5104b3e6d922c54a0cf","content":{"difficulty":1,"domain":1,"type":1,"isInternal":true,"languages":[]},"tags":["javascript","ui","ux","devtools tech","coding","frontend"," web performance"],"slug":"reducing-image-bytes---rid---eoeW8SDZdwwNWBtFqfOh","title":"Reducing Image Bytes","resourceId":"eoeW8SDZdwwNWBtFqfOh"}]}}