CSS中的性能優化一直是我們關注的重點，一個頁面的流暢度對用戶體驗有著至關重要的影響。要想更好的提升用戶體驗，我們需要時刻關注頁面的性能優化問題，并及時對問題進行修復。而要了解CSS頁面的性能瓶頸，我們可以通過查看頁面FPS來進行。

要想在網頁中查看FPS，我們需要借助插件或者手動操作代碼。下面我們就來介紹一下兩種方法具體的操作方式。

//通過代碼查看FPS方法
//step1：打開谷歌瀏覽器的開發者工具
//在瀏覽器的地址欄輸入chrome://inspect，或者通過右鍵菜單“檢查”打開開發者工具。
//step2：在開發者工具中打開性能監測器
//點擊開發者工具的Performance選項卡，接著點擊左上角的錄制按鈕，即可開始記錄頁面的FPS。
//step3：查看FPS圖表
//頁面加載完畢后，在Performance選項卡中可以看到FPS圖表，并且可以對圖表進行相應的操作，如放大、縮小等。

//通過插件查看FPS方法
//step1：打開谷歌商店后下載Performance Monitor插件
//在谷歌商店中搜索Performance Monitor插件，并下載安裝。
//step2：啟動Performance Monitor并選擇監測頁面
//在谷歌瀏覽器的工具欄上點擊Performance Monitor圖標，接著選擇要監測的頁面。
//step3：查看FPS和其他性能指標
//在Performance Monitor工具欄中可以看到FPS和其他性能指標的實時數據，可以通過數據變化來判斷是否存在性能問題。

通過上述兩種方法我們可以方便的查看CSS頁面的性能瓶頸，及時調整并提高頁面的用戶體驗。因此，我們在進行CSS性能優化時需善于利用這些工具，及時找出問題，并進行處理。