问如何修改CSS的可见性：隐藏与显示？

我正在做一个动画项目。在这个项目中，我将拥有超过40000 div秒的时间，并且迭代地进行动画处理。如果任何一个divs处于被动状态（即至少持续2秒不动画），我将不会显示它们来提高动画表现。

问题是：哪个css属性最适合这个？

.passive1{
   display:none
}

.passive2{
    visibility:hidden;
}

.passive3{
    opacity:0;
}

我怎样才能测量像fps，gpu使用的渲染性能？