CSS作為一種網頁排版語言，可以控制網頁元素的樣式和布局，對頁面的渲染性能有著重要的影響。有時候，頁面渲染的速度會變得很慢，這就需要我們優化FPS（Frames Per Second，每秒幀數）。

/* 
每秒鐘只能渲染60幀，所以盡量減少DOM節點，避免不必要的重繪和重排。
*/
.box {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
/* 
將重要、固定、不變的樣式合并在一起，用縮寫的方式來寫CSS，減少文件的大小。
*/
.title {
font: 700 16px/1.5 "Helvetica Neue", sans-serif;
color: #333;
}
/* 
使用CSS3的transform和opacity屬性來代替動畫和漸變等效果，減少對頁面排版的影響。
*/
.box:hover {
transform: scale(1.2);
opacity: 0.8;
}
/* 
避免使用CSS繼承、通配符和!important，以免引起不必要的計算和渲染。
*/
.box >p {
color: #333;
font-size: 14px;
}

通過以上的CSS優化，可以顯著提升頁面的渲染性能，讓用戶更加流暢地瀏覽網頁。