我應該在我的網站中加入「無前綴」插件嗎

Question

Prefix-free是Lea Verou的一個很酷的插件。它可以幫助開發人員編寫無前綴的CSS3選擇器。我想知道是否值得將它包含在我的網站中。

我有一個CSS3的網站，我想知道如果加載頁面加載後更改CSS的JS文件可能會降低我的頁面渲染速度並影響客戶端性能？

Answer 1

當然，執行一個JavaScript會改變你的CSS會降低你網站的性能，無論是在JavaScript執行時間還是你的網站的（重新）渲染速度方面。

讓javascript檢查和修改所有的CSS代價非常高。我更喜歡像SASS或LESS這樣的預處理器，它可以讓您編寫無前綴CSS，並在將其傳送到客戶端之前生成相應的前綴CSS。當然，這有一個缺點，就是要傳輸更大的css文件，但這仍然是我更喜歡的解決方案。

你不需要爲自己編寫必要的mixins，基本上有無數的擴展，它將爲你做好工作並提供隨時可用的mixins。

只是從我的頭頂部：少，可以使用http://lessprefixer.com/ - 社科院http://compass-style.org/

Answer 2

是的，你可以期待在頁面加載時間和減少可能FOUC。

如果您不希望影響最終用戶體驗，我會建議您使用諸如LESS之類的工具。 Less使您能夠編寫更緊湊，可管理的css標記，並在從服務器發送到客戶端之前將其轉換爲常規css。它將輕鬆處理css-prefix問題。