Il filtro Opacity CSS è più veloce di Opacity Property?

Question

su Questo articolo HTML5Rocks Articolo, afferma che

.

In generale, la proprietà Opacity 'CSS non è hardware accelerata, ma alcuni browser che implementano i filtri che utilizzano l'accelerazione hardware accelereranno la versione del filtro dell'opacità per prestazioni molto migliori.

Questo sembra implicare che nelle applicazioni ad alta intensità di prestazioni, si dovrebbe utilizzare il filtro di opacità anziché la proprietà Opacity.Ad esempio, sto rendendo una tela sotto un'immagine con una proprietà di opacità di 0,5.Dovrei usare invece il filtro?Come si può misurare i guadagni delle prestazioni quando si utilizza questa proprietà filtrante, e su quali piattaforme potrebbero esserci un miglioramento notevole?

Answer 1

Primo, gli effetti del filtro CSS3 sono ancora una bozza standard e Il loro supporto del browser varia . Quindi pensa che tu abbia davvero bisogno di loro (ad esempio, Filtri CSS Nel mondo reale articolo (04.2013) report rendicons rendendo artefatti). Accelerazione hardware in WebKit e GPU Compositing accelerato in Chrome Dare una panoramica delle loro implementazioni ed entrambi suggeriscono che non ci sono discriminazioni contro il CSS2 o CSS3 (sarei sorpreso se c'era).

Secondo, Una recensione in PC Magazine (01.2013) Mostra risultati di alcuni benchmark online da parte dei team IE e Firefox. Ci sono materiali base di tela, particelle e css (rotazione). La MaxThon (utilizza WebKit) e le versioni Opera testate non c'è supporto dell'accelerazione in modo da dare un suggerimento sul guadagno delle prestazioni. Per quanto riguarda la trasparenza: gli ordini di magnitudine meno calcoli rispetto al riassunto in modo da non avretare alcuna differenza per questa specifica operazione.

Answer 2

Paul Irish dice qui che l'opacità è una delle poche proprietà CSS che * è * GPU accelerato: https://plus.google.com/+addyosmani/posts/atreyczpts

E inoltre, vi è una grave mancanza di supporto per i filtri attraverso i browser come si può vedere qui , anche se l'opacità è supportata dall'altra parte del tabellone: http://caniuse.com/#search=opacity .

Per non parlare della proprietà Opacity è molto più facile da usare.

Mi spingerei con quello che hai.