Boost Web Performance: content-visibility (chrome 85)
varunprashar5
Posted on August 5, 2020
To boost web app performance, A new css property is introduced with the launch of chrome 85.
- content-visibility allows the element's rendering work, including layout and painting, until it is needed.
- If heavy part of your content is not visible to the screen, using this property will make the initial load much faster.
- You have control to make it automated or via a script to handle it.
- The 'auto' keyword allows for the user-agent to manage content visibility based on proximity to the viewport.
- Whereas 'hidden' keyword allows full script control of content visibility.
💖 💪 🙅 🚩
varunprashar5
Posted on August 5, 2020
Join Our Newsletter. No Spam, Only the good stuff.
Sign up to receive the latest update from our blog.