Boost Web Performance: content-visibility (chrome 85)

varunprashar5

varunprashar5

Posted on August 5, 2020

Boost Web Performance: content-visibility (chrome 85)

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
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.

Related