利用 Chrome 觀察網頁動畫效果的流暢度

在 Web 上開發一些動畫或是效果的時候,有的時候會因為效果太複雜,或是語法沒有優化過而造成畫面有些遲鈍的現象。而在調整的時候往往也就是憑感覺來調整。不過其實在 Chrome 就有內建 FPS (Frames Per Second)計數器。

在網址列輸入 chrome://flags/ 

image

找到FPS計數器

image

啟用之後記得要重新啟動 Chrome

image

接下來在瀏覽器左上角就可以看到計數器

image

必須網頁本身有用到動畫效果才會顯示,如果是動畫動作中的的時候掉到20以下就會感覺有些許的不順暢了,如果是10以下都是非常頓。


Chrome FPS Counter | thechromesource

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *