使用Spotify中CSS循環的高CPU佔用率

我需要在Spotify應用中使用輪換。爲此，我使用以下CSS：使用Spotify中CSS循環的高CPU佔用率

<!DOCTYPE html> 
<html> 
<head> 
    <style type="text/css"> 
    @-webkit-keyframes rotate { 
     from { 
     -webkit-transform: rotate(0deg); 
     } 

     to { 
     -webkit-transform: rotate(360deg); 
     } 
    } 

    #entity { 
     background-color: #000; 
     width: 200px; 
     height: 200px; 
     -webkit-animation: rotate 3s infinite linear; 
    } 
    </style> 
</head> 
<body> 
    <div id="entity"></div> 
</body> 
</html>

在Chrome（26.0.1410.43）中，CPU使用率（〜3％）沒有大的變化。但是在Spotify 0.8.8.459.g4430eae7中，我得到的CPU佔用率在50％到100％之間。除了這段代碼，Spotify的原生負載跳動還會發生同樣的情況。我的電腦是MacBook Pro 2.5 GHz Intel Core i5,8 GB 1600 Mhz DDR3主內存，Mac OS 10.8.1。我如何以較少的CPU使用率來實現這種旋轉？

來源

2013-04-11 Robert Strobl

Spotify在內部不使用Chrome。可能會使用一些自定義的其他Webkit實現，這不像Chrome那樣。 – TheHippo 2013-04-29 13:38:55

鉻的Spotify的版本不支持硬件加速可言，因此CSS轉換一樣，會招致非常大量的開銷。

來源

2013-04-11 15:20:03 iKenndac

試圖迫使硬件加速：

#entity { 
    -webkit-transform: translate3d(0, 0, 0); 
}

來源：http://davidwalsh.name/translate3d

來源

2013-04-11 12:21:18 Pavlo

使用Spotify中CSS循環的高CPU佔用率

回答

相關問題