隨著 WordPress 一版一版的升級,功能越來越多,代碼量也越來越龐大,對 WordPress 速度慢的抱怨聲也越來越多。我自認為自己的 WordPress 在速度上還算是比較快的,很久之前我也從 Gzip 緩存、數據庫優化等方面分享過一些有助于 WordPress 提速的經驗,其實速度上的優化是無止境的,今天就再來分享一下從前端的角度出發,通過壓縮合并 JavaScript 和 CSS 來讓 WordPress 加載更快。
壓縮 JavaScript 和 CSS,是為減少文件大小,節省流量開銷;合并 JavaScript 和 CSS,是為了減少請求數量,減輕服務器壓力。而這些枯燥又沒有技術含量的工作,我們以前通常會手動處理,費時又費力。其實這些工作可以讓一些工具為我們代勞,比如說,今天我推薦的這個工具—— Minify。
Minify下載地址 http://www.49028c.com/codes/67229.html
首先,先來看一下 Minify 在我的 WordPress 上使用的效果吧。
上圖是本站首頁的 JS 請求,從圖中可以看出,這一個 JS 請求中,合并了 jquery.js,jquery-ui.js,public.js,index.js 這四個 JavaScript 文件,同理,CSS 文件的合并壓縮形式也是如此。
那我們怎么使用 Minify 呢?Minify 是 Google Code 上的一個開源項目,我們可以前往這里圍觀。安裝方法如下:
1、下載 Minify 并把 min 文件夾上傳至你的主題文件夾下。
2、配置 Minify,編輯 config.php 文件,可依據注釋配置。(不配置也可使用 Minify)
3、修改引入的 JavaScript 和 CSS 的鏈接地址。比如:
之前我在首頁需要引入四個 JavaScript 文件:
新聞熱點
疑難解答
圖片精選