2011-02-18 24 views
2

我有一個模板,它有超過20個js/css文件,它引用並且當然這使得很多http請求。我想用php使用minijs.php/mini.php將它們拼接在一起,但我看到的問題是頁面似乎在使用minijs.php/mini.php時加載速度較慢。我使用YSlow,並且每個人單獨鏈接它顯示3秒加載,當我使用縮小的解決方案時,需要7-10秒加載,即使在緩存時。有沒有人推薦更好的解決方案,或者你甚至建議動態地將它們組合在一起?Minizer JS/CSS文件

回答

3

是的,我建議組合文件並縮小它們,最好使用YUI Compressor,Google Closure Compiler或jQuery最近切換到的UglifyJS

至於如何以及爲什麼,請閱讀this並搜索谷歌「爲什麼我應該結合網站資產?」。另外請記住,這應該是一個預處理步驟,或者至少是一次渲染和緩存,然後由靜態文件服務器(Apache或Nginx,PHP不應該涉及)提供服務。

+0

在一個側面說明鏈接你給我,那傢伙使用PHP腳本來縮小JS/CSS,然後對其進行緩存。你說這是不正確的?它不應該涉及使用PHP腳本來縮小腳本並將它們合併? – John 2011-02-18 21:49:31

0

檢查此python腳本。

http://github.com/hkasera/minify

它minifies的js和css文件了。它存儲詳細的日誌文件,您可以將此腳本添加爲git鉤子,並避免您每次都手動執行此操作。我在一個項目中創建了它,它對我有很大的幫助。

希望它可以幫助!

0

您可以使用許多具有壓縮和組合多個文件功能的在線工具。 的JavaScript壓縮,您可以使用jsCompressor 和CSS,你可以使用CSS壓縮機CSSCompressor