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)