CSS-Trigger

Avatar of Chris Coyier
Chris Coyier am

DigitalOcean bietet Cloud-Produkte für jede Phase Ihrer Reise. Starten Sie mit 200 $ kostenlosem Guthaben!

Wenn Sie den Wert einer CSS-Eigenschaft ändern, muss der Browser auf Ihre Änderung reagieren. Einige Werte ändern das Layout der Seite. Beispielsweise erfordert eine Änderung von width, dass der Browser das Layout aktualisiert, dann alle geänderten Pixel "malt" und dann sie zusammen "zusammensetzt". Das ist viel Arbeit. Einige CSS-Eigenschaften können kostengünstiger geändert werden. Beispielsweise erfordert eine Änderung von background-image keine Layoutänderungen, erfordert aber Malen und Zusammensetzen.

Paul Lewis hat die gesamte Recherche dazu betrieben, welche Eigenschaften was bewirken. Eine gute Referenz, die Ihnen hilft zu überlegen, welche Art von Änderungen Sie vornehmen können, die für den Browser einfach (und daher schnell) sind, und welche Art von Änderungen schwierig (und daher langsam) sind.

Direkter Link →