DEV Community

varunprashar5
varunprashar5

Posted on

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.

Top comments (0)