2015-02-22 33 views
6

Tüm CSS'yi satır içi stil olarak yerleştirirseniz ReactJS sanal DOM uygulamanızı daha hızlı hale getirir mi? VS raw .css dosyalarını kullanarak? ReactJS'de daha hızlı, ham CSS veya satır içi stilleri nedir?

http://facebook.github.io/react/tips/inline-styles.html

Ayrıca JavaScript CSS bu ReactJS sunumu bakın: https://speakerdeck.com/vjeux/react-css-in-js

+0

Muhtemelen ilgili (ayrıca ilginç okuma) https://stackoverflow.com/questions/8284365/external-css-vs-inline-style-performance-difference – mattsven

+0

bu ilginç jsperf şeyler buldum http://jsperf.com/js-inline-css-vs-stylesheet-one-at-a-time/2 Sonuçlar, stil sayfalarının satır içi satırdan daha hızlı olduğunu söylüyor – Dhiraj

cevap

9

Tarayıcılar verimli + render hızlı yanan motor ve hafızayı ayrıştırma kendi CSS stil verme içine çabaları yıllar koyduk. Satır içi stiller, tam olarak aynı işleme sahip olmadı. Ancak, parlak taraf, normal boyutlu uygulamalar/sayfalar oluşturuyor olmanızın gerçekten önemli olmadığını gösteriyor. Fark miniktür. Satır içi stiller, stillerin% 100'ünün gerçekten kullanıldığı, CSS stil sayfalarının sık sık birleştirildiği ve ayrıştırılan kuralların yaklaşık% 90'ının etkin olmadığı (boşa harcanmış) gerçeğini oluşturur.

İpucu: Reaktif yeniden oluşturuculardan kaçınarak performansınızı geliştirin. Bu darboğaz çoğu zaman gerçekten!

İlgili konular