相信大家都很關心自己部落格的開啟速度,別說半天打不開,3 秒內不能完全開啟就是一件很糾結的事情 (糾結--被人傳染了),此文適合不能夠一步開啟全站壓縮的朋友,即 CSS 、 JS 、圖片、網頁等。

一般我們說的壓縮就是對網頁進行 Gzip 傳輸,檢測和開啟的方法就不囉嗦了,網上一大堆的。最開始我用 「WordPress 網站啟用 Gzip 壓縮網頁、 CSS 和 JS」 這種方法,直接的結果是 CSS 和 JS 被壓縮了,後果是我剛做的主題 Z-Turn 變成白色的背景黑色的字,把作的修改還原之後無果,用 Chrome 的 「審查元素」 一看:CSS 成了亂碼,慶幸咱今天英明的備份了。

還有一種和此方法很類似的,那個 gzip.php 的內容差不多,然後對.htaccess 的修改也只有一句,是什麼我也記不得了,不去找了,反正導致的結果和後果和前面是一樣的。不過第一種方法中合併 JS 和 CSS 檔案的方法還是很實用的。

好的,再說說我解決的方法,很簡單,只有兩步。開始前你可以到這裡對你的網站進行個檢查,不用掛號的,完了後再作個效果對比。

1. 到 WordPress 後臺或者官方下載外掛 Scripts Gzip

2. 啟用外掛,將 「<!--SCRIPTS_GZIP-JS--> 」 放到 footer.php 中

簡單吧,好的外掛還是要用的,外掛的說明是:這款外掛可以自動把你的 JS 和 CSS 檔案合併和壓縮,輕鬆安裝解除安裝,還不需要你設定。這麼好的外掛居然沒中文網站介紹太過意不去了。安裝後我的 YSlow Grade 達到了 C,沒達到 B 或 A 的原因是她埋怨我用的背景圖片多了,圖片的大小和使用的大小不一致。咱慢慢改吧

更新:有使用 Willin Kan 的朋友請把 「jquery.min.js」 和 「comments-ajax.js」 放到外掛-編輯-scripts-gzip/blacklist.php 檔案的 tinymce 下面,將其排除,不然導致無法評論,都用這麼久了我才發現:shock:

歡迎探討本文由 BoKeam www.bokeam.com 原創,轉載請註明出處!