速度和供應商前綴CSS大小的變通辦法（Bootstrap）

我正在開發一個網站使用Twitter Bootstrap，H5BP和其他零碎件，包括Modernizr ...哪些引用Yepnope.js ...哪些引用Prefix Free。（編譯後的）Bootstrap CSS充滿了供應商前綴變通方法，我非常欣賞 - 我不想手動將所有這些都自己弄清楚，但它也使它變得臃腫。我足夠熟練地省略不需要的CSS，但我想知道如果在CSS中使用供應商前綴或使用Prefix Free，它會更快。速度和供應商前綴CSS大小的變通辦法（Bootstrap）

我通過Modernizr，通過網站上的Yepnope.js鏈接發現前綴，所以我可能會使用所有三個，但在所有誠實，我可能不會創建明確的規則來支持陳舊的瀏覽器（你可以與Modernizr）。

如果使用Prefix Free適用於（IE 9+），那麼我會支持這種基本操作，因爲如果使用Prefix Free會比原樣保留Bootstrap CSS快。

如果我按原樣保留CSS中的所有解決方法，或者剝離供應商前綴並通過Prefix Free動態添加它們，它的加載速度會更快嗎？

有人處理過這個嗎？

來源

2012-08-17 adam-asdf

我認爲唯一的好處是刪除供應商特定的CSS樣式只是真的減少了CSS文件的大小。瀏覽器使用瀏覽器特定樣式的事實不會減慢渲染過程，瀏覽器也不會遇到不適合該瀏覽器的特定樣式（基本上Firefox會通過IE篩選器）。

但是，如果您使用第三方腳本來生成已從Bootstrap中刪除的供應商特定樣式，則認爲如果加載頁面需要更長的時間。據我所知，Bootstrap已被優化爲儘可能快。所以真的，我會避免黑客入侵併刪除供應商特定的樣式。

來源

2012-08-17 13:23:03 mickburkejnr

雖然我已經滿意引導作爲起點，CSS是有點臃腫和有時使用「昂貴」選擇按本[MDN文章]（https://developer.mozilla.org/en-US/文檔/ CSS/Writing_Efficient_CSS）。我對JavaScript非常不熟悉，所以我無法知道運行腳本「更快」（如上所述），還是保留現在的所有供應商前綴。無論哪種方式，當完成開發時，我會縮小等。 – 2012-08-17 20:59:53

速度和供應商前綴CSS大小的變通辦法（Bootstrap）

回答

相關問題