2017-09-01 48 views
0

我試圖優化自己的網站,並發現與CSS文件微小的一個問題:
http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/themes/smoothness/jquery-ui.css縮減大小的外部CSS谷歌API

我想minifiying腳本通常使用縮小工具,但沒有效果的。試圖在插件的幫助下進行縮減,但Google洞察結果中沒有任何變化。

因此想知道hwat可以完成這種css文件的縮小。

+0

@MoisheLipsker是的,我做到了。事實上,縮小可以完成,但我需要把它放在哪裏。由於css是外部的,因此要確定它的使用位置有點困難。該網站太大,代碼龐大。因此尋找最好的解決方法。 –

回答

1

從url下載代碼,然後將其粘貼到本地css文件中。在縮小後調用代碼上的css文件。你完成了。

+0

我是否需要將它鏈接到某處,因爲我不想打擾我的其他css文件。我想保持它獨立但仍然運作。 –

+0

您可以將它與另一個本地css文件鏈接,並且不要忘記從主代碼中刪除原始鏈接。不需要在主css文件中添加代碼。大多數情況下,我會以這種方式縮小外部css文件的大小,但這不是一個好主意,因爲Google經常更新他們的代碼。但它節省了我的時間,並幫助我進行速度優化。 – Gamer

1

有可能會從選擇一些選項:

  1. 非常基本的:使用在線minifier像https://cssminifier.com/。您可以輸入在文本區域的CSS內容,然後再縮小它,或者你可以它的API和

  2. 擴展您的bulid管道使用處理CSS插件:gulp-cssmingulp-clean-css是一飲而盡的例子。

    Int this answer您會看到一個簡單的使用示例,介紹如何將較少的內容編譯爲css然後將其縮小。少用當然是可選的。

  3. 一些編輯喜歡原子support minifying a css file without any plugins。其他編輯器,如Visual Studio Code可能需要extension來支持。

關於要運行如下的外部文件:

我想嘗試建設項目時來縮小它,而不是在客戶端,因爲客戶很可能有涅槃之前下載你的腳本,使縮小無用。

我建議下載它,也許與涼亭,然後縮小它。