CSS-Deckkraftfilter schneller als Deckkrafteigentum?

Question

auf Dieser html5rocks Artikel heißt es, dass

Im Allgemeinen ist die Eigenschaft der CSS-Opazität nicht auf Hardware beschleunigt, aber einige Browsern, die Filter mithilfe von Hardwarebeschleunigungen implementieren, beschleunigen die Filterversion von Deckkraft für eine viel bessere Leistung.

Dies scheint, dass in leistungsintensiven Anwendungen den Deckkraftfilter anstelle der Deckkrafteigenschaft verwenden sollte.Beispielsweise renderte ich eine Leinwand unter einem Bild mit einer Deckkraft Eigenschaft von 0,5.Sollte ich stattdessen den Filter benutzen?Wie könnte man die Leistungsgewinne bei der Verwendung dieser Filtereigenschaft messen, und auf welche Plattformen könnte es eine spürbare Verbesserung geben?

Answer 1

Erster, CSS3-Filtereffekte sind noch ein Entwurf des Standards und Ihre Browserunterstützung variiert variiert . Denken Sie also zweimal nach, ob Sie sie wirklich brauchen (zB CSS-Filter) In der Real World-Artikel (04.2013) berichtet Rendering-Artefakte). Hardwarebeschleunigung in Webkit und GPU beschleunigte Compositing in Chrome Geben Sie einen Überblick über ihre Implementierungen an und beide empfehlen, es gibt keine Diskriminierung gegen CSS2 oder CSS3 (ich wäre überrascht, wenn es gab).

Sekunden, eine Bewertung im PC-Magazin (01.2013) Zeigt Ergebnisse einiger Online-Benchmarks von IE- und Firefox-Teams an. Es gibt Leinwand-, Partikel- und CSS-Benchmarks (Rotation). Der MAXTHON (verwendet WEBKIT) und die dort getesteten Opernversionen, die dort nicht die Beschleunigung unterstützen, sodass sie dem Leistungsgewinn einen Hinweis geben. In Bezug auf die Transparenz: Es sind Größenordnungen weniger Berechnungen als erneuern, so dass Sie keinen Unterschied für diese spezifische Operation bemerken sollten.

Answer 2

paul irisch sagt hier, dass Deckkraft eine der wenigen CSS-Eigenschaften ist, die * * gpu beschleunigt ist: https://plus.google.com/+addyosmani/posts/atreryczpts

und auch, es gibt einen schweren Mangel an Unterstützung für Filter über Browsern, wie man gesehen werden kann hier , obwohl die Opazität über das Vorstand unterstützt wird: http://caniuse.com/#search=opacity .

Ganz zu schweigen von der Deckkraft ist einfach nur so viel einfacher zu bedienen.

Ich würde mit dem bleiben, was Sie bekommen haben.