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.