2010-11-06 72 views
15

我知道,谷歌擁有jQuery用戶界面的CSS文件在以下位置:Google CDN上有jQuery UI CSS主題的縮小版/壓縮版嗎?

//ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/pepper-grinder/jquery-ui.css 

但是,如果他們所服務的精縮或壓縮版本,我不知道?

我嘗試了一些類似於js文件命名方式的組合,但它們都以404s結果。

任何想法?

+1

它會達到什麼目的?一旦文件被下拉到客戶端一次,它應該在客戶端的緩存中打了很長時間。理想情況下,您的網站將不會成爲最初拉動的網站。 – 2010-11-06 06:46:33

+1

是的,理想情況下,但因爲每個主題的CSS都是特定的,所以機會非常高。使用較小版本的文件將節省初始加載時間。縮小的版本大約小8K。對於寬帶來說不是很大,但對於撥號或移動來說,這可能是第二個或者第二個。 – 2010-11-06 17:41:57

+0

也認爲CSS不能像JavaScript那樣打包,並且服務器gzip可以在CSS文件上幾乎達到相同的效果 – 2013-01-11 08:35:53

回答

6

不,它似乎不給我,但我勸你要問這個問題上the dedicated group

總之,所提供的版本似乎已經很好的優化...

2

不,我相信Google只提供由官方下載網站提供的文件,而不進行任何後期處理,因爲這是提供的CSS文件的樣子,所以沒有「壓縮」版本。

其實我不相信你應該載入的jQuery UI,並將其從谷歌的CDN相關聯的CSS文件,因爲jQuery UI的是模塊化的,同時加載來自谷歌的CDN文件將加載模塊的所有,這意味着你」會加載一堆不必要的腳本和樣式。使用jQuery UI下載頁面中的自定義包構建器來替代,只包含您需要的模塊應該減少文件大小,而不是壓縮通過Google CDN提供的已經高度壓縮的CSS文件。

6

他們沒有縮小版本。微軟CDN也沒有。 你不會真的需要壓縮它。如果你真的想加載更快,你需要包含一個基於jQuery UI頁面構建的自定義包,只包含你需要的功能。

0

谷歌的CDN網站顯示縮小的版本,JS,但unminified版本的CSS:https://developers.google.com/speed/libraries/devguide#jqueryui

jQuery UI 
    snippet: <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/themes/smoothness/jquery-ui.css" /> 
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/jquery-ui.min.js"></script> 
    site: jqueryui.com 
    versions: 1.11.3, 1.11.2, 1.11.1, 1.11.0, 1.10.4, 1.10.3, 1.10.2, 1.10.1, 1.10.0, 1.9.2, 1.9.1, 1.9.0, 1.8.24, 1.8.23, 1.8.22, 1.8.21, 1.8.20, 1.8.19, 1.8.18, 1.8.17, 1.8.16, 1.8.15, 1.8.14, 1.8.13, 1.8.12, 1.8.11, 1.8.10, 1.8.9, 1.8.8, 1.8.7, 1.8.6, 1.8.5, 1.8.4, 1.8.2, 1.8.1, 1.8.0, 1.7.3, 1.7.2, 1.7.1, 1.7.0, 1.6.0, 1.5.3, 1.5.2 
    note: This library depends on jQuery. You must also load jQuery before loading this module. Version 1.8.3 is not hosted due to its short life, and the alias 1.8.3 actually loads 1.8.4. 

對於縮小的CSS,使用:https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/themes/smoothness/jquery-ui.min.css