--- title: I made my website 28ms faster with content-visibility 🤓 description: Making use of content-visibility. I read about this CSS property a while ago. But never got round to implementing and testing it. That is until today, so let's... canonical: https://daily.dev/posts/i-made-my-website-28ms-faster-with-content-visibility--cilhtbdui twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: I made my website 28ms faster with content-visibility 🤓 | daily.dev og:description: Making use of content-visibility. I read about this CSS property a while ago. But never got round to implementing and testing it. That is until today, so let's... og:url: https://daily.dev/posts/i-made-my-website-28ms-faster-with-content-visibility--cilhtbdui og:image: https://api.daily.dev/og/posts/CilhtbduI.png og:image:alt: I made my website 28ms faster with content-visibility 🤓 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. # I made my website 28ms faster with content-visibility 🤓 **[Hashnode](https://daily.dev/sources/hashnode)** · [@dailydevtips](https://daily.dev/dailydevtips) · 2 min read · 24 upvotes · 3 comments ## Summary Making use of content-visibility. I read about this CSS property a while ago. But never got round to implementing and testing it. That is until today, so let's see what it actually does. It makes the Time to Interactive 1.1s faster. Even the small numbers matter. ## 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. **@garvnanwani** · 8 upvotes > Thanks for sharing this😀 **@berkmann18** · 1 upvotes > A wonderful tip. Thank you! --- [View this post on daily.dev](https://daily.dev/posts/i-made-my-website-28ms-faster-with-content-visibility--cilhtbdui) ```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":"I made my website 28ms faster with content-visibility 🤓","url":"https://daily.dev/posts/i-made-my-website-28ms-faster-with-content-visibility--cilhtbdui","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/i-made-my-website-28ms-faster-with-content-visibility--cilhtbdui"},"datePublished":"2020-09-24T05:48:51.296Z","dateModified":"2021-10-07T14:17:10.317Z","description":"Making use of content-visibility. I read about this CSS property a while ago. But never got round to implementing and testing it. That is until today, so let's...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/788ab440f38ebb646b7426a649cdc089","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/788ab440f38ebb646b7426a649cdc089","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":"Chris Bongers","url":"https://daily.dev/dailydevtips","image":"https://media.daily.dev/image/upload/s--9gxFz1e7--/f_auto/v1705902590/avatars/avatar_JUNiIGCV-?_a=BAMAMiZW0","description":"Daily blogger and web team lead at daily.dev 💖","worksFor":{"@type":"Organization","name":"daily.dev","logo":"https://daily-now-res.cloudinary.com/image/upload/s--MASZOhnv--/f_auto/v1614088267/landing/Daily.dev_logo"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"EndorseAction"},"userInteractionCount":52755}},"commentCount":3,"discussionUrl":"https://daily.dev/posts/i-made-my-website-28ms-faster-with-content-visibility--cilhtbdui","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":24},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":3}],"keywords":"","timeRequired":"PT2M"} {"@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":"I made my website 28ms faster with content-visibility 🤓"}]} {"@context":"https://schema.org","@type":"WebPage","@id":"https://daily.dev/posts/i-made-my-website-28ms-faster-with-content-visibility--cilhtbdui","comment":[{"@type":"Comment","text":"Thanks for sharing this😀","datePublished":"2020-09-24T13:40:04.469Z","url":"https://daily.dev/posts/CilhtbduI#c-uoLuKnEE9","author":{"@type":"Person","name":"Garv nanwani","url":"https://daily.dev/garvnanwani","image":"https://avatars3.githubusercontent.com/u/36405030?v=4"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":8}},{"@type":"Comment","text":"A wonderful tip. Thank you!","datePublished":"2020-10-05T18:26:04.334Z","url":"https://daily.dev/posts/CilhtbduI#c-XaNTULB8m","author":{"@type":"Person","name":"Maximilian Berkmann","url":"https://daily.dev/berkmann18","image":"https://avatars0.githubusercontent.com/u/8260834?v=4"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":1}}]} ```