這可能相對簡單，但不幸的是，這對于谷歌來說并不容易。

一個客戶讓我做一個小的404頁面運行程序游戲，類似于谷歌恐龍游戲。盡管使用了大量的css動畫，它運行得相當好。

我現在最大的問題是:每隔一段時間就會有一個名為“提交”的任務延遲游戲一秒鐘。有時候足以讓玩家輸了。

提交事件

我能告訴你的是，這可能與渲染CSS有關。但是谷歌一無所獲。

我將感激任何關于如何最小化這種影響的建議。謝謝大家！

也許你可以牢記“像素管道”來檢查你的代碼-& gt；https://web.dev/rendering-performance/

當在網絡上制作動畫時，你希望管道盡可能的短。

例如:如果你想讓一個元素從左向右移動，你可以讓左邊的值移動，但是這會導致布局重新計算。您可以通過使用transform: translateX()來做同樣的事情，這只會導致一個復合重新計算，它要短得多。

也許這些文章也有幫助:

https://web.dev/animations-overview/ https://gist.github.com/paulirish/5d52fb081b3570c81e3a https://web . dev/avoid-large-complex-layouts-and-layout-thrashing/