2015-07-21 60 views
2

我正在探索一些站點,以瞭解他們正在使用的不同縮小技術。HTML CSS JS縮小體系結構

我發現大部分網站都使用JS縮小,連接和整個項目有一個js文件,我覺得它是很好的技術。

但是css和html縮小仍然只是刪除多餘的空格和註釋。

但我發現谷歌正在使用一些不同的縮小技術,他們通過在HTML和CSS中更改選擇器名稱來縮小css/html。

我想知道谷歌正在使用的縮小體系結構。 :-)

+1

你的意思是[Google Clousure](https://developers.google.com/closure/)? ps:更好的做法是*優化*代替*最小化Javascript代碼。 –

+0

@Derek朕會功夫我和你有一半的關係,但是在新的移動世界中,客戶端的數據有限制,我認爲這也是一個很好的做法,可以最大限度地減少代碼(上週我最小化了JavaScript文件從100kb到10kb,我也稱之爲優化)。 – Cageman

+0

@Derek朕會功夫哦真的嗎?對我來說,它已經成功地做到了這兩個 – GottZ

回答

3

高級CSS縮小

我目前使用CSSO極小與gulpgulp-csso

CSSO(CSS優化)是不同於別人CSS極小。除了通常的縮小技術之外,它還可以執行CSS文件的結構優化 ,從而與其他的縮小器相比產生更小的文件大小。

它工作得很好,唯一的問題就是你在這些優化中贏不了那麼多。

如果您尚未使用,我建議您查看PageSpeed Tools。這是看到最好的方式,您真正需要什麼樣的資產優化。

+0

在谷歌類 像‘ZA YO AQW’,‘PF XY’等我感到他們正在使用一些自動化工具,它在這兩個改變的類名我們的css和html文件 –

+0

我覺得他們正在使用一些自動化的工具來改變我們的css和html文件中的類名 –

+0

@veeteshjain [Closure Stylesheets](https: //code.google。com/p/closure-stylesheets /)和[Closure Template](https://developers.google.com/closure/templates/),我已經看到了一些模式用戶友好的節點模塊,我將添加一個鏈接,如果我會找到存儲庫。 – halfzebra