很多人都用 WordPress 做自己的網站。雖然 WordPress 的免費主題在網路上已經有成千上萬個了,但是在我看來,很多主題都是不符合 SEO 最佳化的。
這些主題不但不美觀,而且大部分充斥著作者的暗鏈、廣告,其實對站長們的傷害很大,為了幫助同學們更好的使用 WordPress 進行自己網站的最佳化,我決定出一個 WordPress 系列的教程,給大家做個參考,第一篇我們講講 WordPress 主題程式碼的最佳化。
WordPress 主題程式碼最佳化
WordPress 程式碼最佳化的核心在於:程式碼能少則少,以提高網站載入速度為核心目的! 最佳化你的程式碼,如果你的網站是放在虛擬空間,不要讓你的網站載入時間超過 5 秒以上; 如果是放在 VPS 中,不要讓你的網站載入時間超過 3 秒以上。
為什麼我這樣說呢? 那是因為百度對網站的開啟速度有硬性的稽核標準,甚至在百度站長工具中還特地推出了頁面最佳化建議工具。
這意味著百度是希望站長最佳化自己網站的開啟速度的。如果你的網站開啟速度慢則很有可能被降權。
那怎麼做主題程式碼最佳化呢?
請大家不要著急,我接下來給大家一個重要的解決方案:將我們的主題程式碼最佳化到最精簡。其最重要的是最佳化 table 巢狀、 header 最佳化、 js 和 css 的合併分離最佳化。
1 、 table 巢狀:我看了很多的 WordPress 免費主題,為了簡單,採用大量的 table 巢狀,而瀏覽器在載入 table 的時候,是需要將程式完全載入才能渲染出來的,有一些主題甚至缺少 table 的關閉標籤,導致瀏覽器無法正常渲染而卡在 table 標籤處。做網站,應該儘量少用 table 標籤,採用 div+css 的方式來繪製表格可以更好的提高網站開啟速度。
2 、 header 最佳化:大家可以檢視一下自己網站的 header 標籤,是否有一大堆不知道什麼用的 meta 標籤? 如下圖所示 (某使用 WordPress 預設模版的網站):

一大堆亂七八糟的連結和註釋,甚至引用了其他網站的檔案,眾所周知,只要你的程式碼中引用了檔案,那麼瀏覽器就會去載入完這些檔案才會繼續執行之後的程式碼,如果其他網站的檔案丟失了,那麼瀏覽器將會花大量時間等待這個檔案響應,而這些都是會增加網站開啟時間的。而我的網站則透過精簡,只保留搜尋引擎需要的 meta 資訊和必要的檔案連結,從而使得 header 更加簡潔和高效,如下圖:

3 、 js 和 css 的合併分離最佳化:很多網站的所有 js 和 css 程式碼,都是寫在一個檔案裡面的,這樣雖然方便了管理,但是會導致頁面載入的時候,需要載入很多不必要的程式碼,導致時間加長。
而我的解決方法就是將每個頁面都需要的 js 和 css 分別放置在一個檔案內,而其他每個頁面特有的 js 和 css,則自己獨立建立檔案,針對性的引用。比如共同的 css 都放在 style.css 中,首頁才有的 css 就寫在 style-home.css 中,只有在首頁才引用,其他頁面則不引用,這樣就可以大大提高網站的載入速度了。
看了上面的幾個最佳化要點,大家肯定還有疑問。所以,我接下來給大家看看我自己做的現成的案例,大家可以直接看我最佳化的廣西育龍單招網,網址是 http://www.gxdzxx.com,透過原始碼大家不難發現,我的原始碼已經做到最精簡的程度了,沒有 table 巢狀,header 沒有多餘的內容,js 和 css 只有必要的才新增。
沒有多餘的程式碼,自然載入速度可以最佳化到最快。
總結
當然,網站的開啟速度除了程式碼以外,還有很多地方要注意,這僅僅是其中一個細節,但相信也是站長們都需要關注的。
下一篇文章我們會講如何做好 WordPress 的 SEO 最佳化之外掛篇,感興趣的朋友敬請等待佳文出爐!