{"post":{"id":"61dd9def6226ab4f74bef98c","_id":"61dd9def6226ab4f74bef98c","coverImage":{"isPortrait":false,"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1641876745118/6dvVAywo8.png","__typename":"PostCoverImage"},"slug":"actions-on-visibility","readTime":8,"replyCount":2,"responseCount":2,"brief":"So a couple of months ago I come across Intersection Observer API which helped me a lot in lazy loading multiple BE requests on different pages on my work at @Instabug which affected the first-time load of these pages significantly. After that, I tho...","subtitle":"Load non-critical requests, components, images and, more when they are visible in the viewport","isFeatured":false,"contributors":[{"_id":"60bfca25d2660e41762e2c2e","name":"emad hashem","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1623181862139/9r8Oa04et.png","username":"OBITO","__typename":"User"},{"_id":"612c7b642858872661b9cb83","name":"Ebrahim Gomaa","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1630305125612/-FnMeVnb9.jpeg","username":"devyetii","__typename":"User"}],"bookmarked":false,"views":9463,"url":"https://hemdan.hashnode.net/actions-on-visibility","totalReactions":249,"title":"Actions On Visibility","dateAdded":"2022-01-11T15:10:04.000Z","cuid":"ckya93v6a02rxp0s1b1yifu7n","preferences":{"disableComments":false,"__typename":"PostPreferences"},"__typename":"Post","seo":{"title":"Actions On Visibility","description":"Technique for loading non-critical resources when they are visible in the viewport to enhance the first time load of your page","__typename":"SEO"},"ogMetaData":{"image":"https://cdn.hashnode.com/res/hashnode/image/upload/v1641868285862/bTG5pamIj.png","__typename":"OpenGraphMetaData"},"author":{"_id":"603424f9073b7f67380683f3","name":"Abdallah Hemdan","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1651443796009/qSSTPxGzg.jpg","isPro":false,"username":"Hemdan","__typename":"User","tagline":"Senior Software Engineer @Instabug | ICPC World Finalist 2021 "},"coAuthors":[],"series":{"_id":"61dcec65cda0d0294b69c5fc","slug":"web-performance","name":"Web Performance","cuid":"cky9i1pfb16qr5ns100n2c4mz","__typename":"Series"},"tags":[{"_id":"56744722958ef13879b94f1b","logo":"https://res.cloudinary.com/hashnode/image/upload/v1450469658/vdxecajl3uwbprclsctm.jpg","name":"Web Development","slug":"web-development","__typename":"Tag"},{"_id":"56744721958ef13879b94cad","logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1607082785538/EryuLRriM.png","name":"JavaScript","slug":"javascript","__typename":"Tag"},{"_id":"56744721958ef13879b94dc4","logo":null,"name":"performance","slug":"performance","__typename":"Tag"},{"_id":"56744723958ef13879b952af","logo":null,"name":"webdev","slug":"webdev","__typename":"Tag"},{"_id":"56744721958ef13879b94c7e","logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1535648192079/H1daWiBvQ.png","name":"General Programming","slug":"programming","__typename":"Tag"}],"publication":{"_id":"60874eb0a826f80aaefec3d7","url":"https://hemdan.hashnode.net","canonicalURL":"https://hemdan.hashnode.net","title":"Abdallah Hemdan","displayTitle":null,"isHeadless":false,"favicon":"https://cdn.hashnode.com/res/hashnode/image/upload/v1651630609541/-xCw1pqgT.png","headerColor":"","metaTags":null,"isTeam":true,"domainInfo":{"hashnodeSubdomain":"hemdan","domain":null,"__typename":"DomainInfo"},"urlPattern":"SIMPLE","__typename":"Publication"},"comments":{"edges":[{"node":{"id":"61ddceeb4e70945324c58368","author":{"_id":"60bfca25d2660e41762e2c2e","name":"emad hashem","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1623181862139/9r8Oa04et.png","isPro":false,"username":"OBITO","__typename":"User"},"content":{"html":"

good read as usual Abdallah Hemdan

\n","markdown":"good read as usual @[Abdallah Hemdan](@Hemdan)","text":"good read as usual Abdallah Hemdan\n","__typename":"Content"},"dateAdded":"2022-01-11T18:39:39.600Z","stamp":"ckyagkmrz01tff8s17hkz0tow","totalReactions":2,"__typename":"Comment","replies":{"edges":[{"node":{"id":"61de0d4344f1964f4fa7ddd4","author":{"_id":"603424f9073b7f67380683f3","name":"Abdallah Hemdan","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1651443796009/qSSTPxGzg.jpg","isPro":false,"username":"Hemdan","__typename":"User"},"content":{"html":"

Thank you ❤️

\n","markdown":"Thank you ❤️","text":"Thank you ❤️\n","__typename":"Content"},"dateAdded":"2022-01-11T23:05:39.532Z","stamp":"ckyaq2pjf07t9nzs17jpb6j2z","totalReactions":2,"__typename":"Reply"},"__typename":"CommentReplyEdge"}],"pageInfo":{"hasNextPage":false,"endCursor":"MQ==","__typename":"PageInfo"},"__typename":"CommentReplyConnection"}},"__typename":"PostCommentEdge"},{"node":{"id":"61de80014e70945324c590d1","author":{"_id":"612c7b642858872661b9cb83","name":"Ebrahim Gomaa","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1630305125612/-FnMeVnb9.jpeg","isPro":false,"username":"devyetii","__typename":"User"},"content":{"html":"

The usual goodness !

\n","markdown":"The usual goodness !","text":"The usual goodness !\n","__typename":"Content"},"dateAdded":"2022-01-12T07:15:13.777Z","stamp":"ckyb7kauo07qdf8s12gn80it6","totalReactions":2,"__typename":"Comment","replies":{"edges":[{"node":{"id":"61dec85d4e70945324c59a9e","author":{"_id":"603424f9073b7f67380683f3","name":"Abdallah Hemdan","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1651443796009/qSSTPxGzg.jpg","isPro":false,"username":"Hemdan","__typename":"User"},"content":{"html":"

Thank you ❤️❤️

\n","markdown":"Thank you ❤️❤️","text":"Thank you ❤️❤️\n","__typename":"Content"},"dateAdded":"2022-01-12T12:23:57.603Z","stamp":"ckybilbxe0bf5f8s1hvyzdrr7","totalReactions":0,"__typename":"Reply"},"__typename":"CommentReplyEdge"}],"pageInfo":{"hasNextPage":false,"endCursor":"MQ==","__typename":"PageInfo"},"__typename":"CommentReplyConnection"}},"__typename":"PostCommentEdge"}],"pageInfo":{"hasNextPage":false,"endCursor":"Mg==","__typename":"PageInfo"},"__typename":"PostCommentConnection"},"commenters":{"edges":[{"node":{"_id":"60bfca25d2660e41762e2c2e","name":"emad hashem","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1623181862139/9r8Oa04et.png","isPro":false,"username":"OBITO","__typename":"User"},"__typename":"PostCommenterEdge"},{"node":{"_id":"612c7b642858872661b9cb83","name":"Ebrahim Gomaa","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1630305125612/-FnMeVnb9.jpeg","isPro":false,"username":"devyetii","__typename":"User"},"__typename":"PostCommenterEdge"}],"__typename":"PostCommenterConnection"}}}

Actions On Visibility

4 comments