Shobha
The best way to predict the future is to invent it
How does the content-visibility property improve performance?
The content-visibility property allows you to hide the content of an element until it’s necessary, improving performance by reducing rendering load. It’s often used for offscreen content to make pages load faster.
For example,
div {
content-visibility: auto;
contain-intrinsic-size: 100px;
}
This ensures elements are only rendered when they are visible in the viewport.
For example,
div {
content-visibility: auto;
contain-intrinsic-size: 100px;
}
This ensures elements are only rendered when they are visible in the viewport.