雖然wordpress的免費(fèi)主題在網(wǎng)絡(luò)上已經(jīng)有成千上萬(wàn)個(gè)了，但是在我看來(lái)，很多主題都是不符合SEO優(yōu)化的。

　　這些主題不但不美觀，而且大部分充斥著作者的暗鏈、廣告，其實(shí)對(duì)站長(zhǎng)們的傷害很大，為了幫助同學(xué)們更好的使用wordpress進(jìn)行自己網(wǎng)站的優(yōu)化，我決定出一個(gè)wordpress系列的教程，給大家做個(gè)參考，第一篇我們講講wordpress主題代碼的優(yōu)化。

　　WordPress主題代碼優(yōu)化

　　wordpress代碼優(yōu)化的核心在于：代碼能少則少，以提高網(wǎng)站加載速度為核心目的！優(yōu)化你的代碼，如果你的網(wǎng)站是放在虛擬空間，不要讓你的網(wǎng)站加載時(shí)間超過(guò)5秒以上；如果是放在VPS中，不要讓你的網(wǎng)站加載時(shí)間超過(guò)3秒以上。

　　為什么我這樣說(shuō)呢？那是因?yàn)榘俣葘?duì)網(wǎng)站的打開(kāi)速度有硬性的審核標(biāo)準(zhǔn)，甚至在百度站長(zhǎng)工具中還特地推出了頁(yè)面優(yōu)化建議工具。這意味著百度是希望站長(zhǎng)優(yōu)化自己網(wǎng)站的打開(kāi)速度的。如果你的網(wǎng)站打開(kāi)速度慢則很有可能被降權(quán)。

　　那怎么做主題代碼優(yōu)化呢？

　　請(qǐng)大家不要著急，我接下來(lái)給大家一個(gè)重要的解決方案：將我們的主題代碼優(yōu)化到最精簡(jiǎn)。其最重要的是優(yōu)化table嵌套、header優(yōu)化、js和css的合并分離優(yōu)化。

　　1、避免table嵌套：我看了很多的wordpress免費(fèi)主題，為了簡(jiǎn)單，采用大量的table嵌套，而瀏覽器在加載table的時(shí)候，是需要將程序完全加載才能渲染出來(lái)的，有一些主題甚至缺少table的關(guān)閉標(biāo)簽，導(dǎo)致瀏覽器無(wú)法正常渲染而卡在table標(biāo)簽處。做網(wǎng)站，應(yīng)該盡量少用table標(biāo)簽，采用div+css的方式來(lái)繪制表格可以更好的提高網(wǎng)站打開(kāi)速度。

　　2、header優(yōu)化：大家可以查看一下自己網(wǎng)站的header標(biāo)簽，是否有一大堆不知道什么用的meta標(biāo)簽？如下圖所示（某使用wordpress默認(rèn)模版的網(wǎng)站）：

　　一大堆亂七八糟的鏈接和注釋，甚至引用了其他網(wǎng)站的文件，眾所周知，只要你的代碼中引用了文件，那么瀏覽器就會(huì)去加載完這些文件才會(huì)繼續(xù)執(zhí)行之后的代碼，如果其他網(wǎng)站的文件丟失了，那么瀏覽器將會(huì)花大量時(shí)間等待這個(gè)文件響應(yīng)，而這些都是會(huì)增加網(wǎng)站打開(kāi)時(shí)間的。而我的網(wǎng)站則通過(guò)精簡(jiǎn)，只保留搜索引擎需要的meta信息和必要的文件鏈接，從而使得header更加簡(jiǎn)潔和高效。

　　3、js和css的合并分離優(yōu)化：很多網(wǎng)站的所有js和css代碼，都是寫在一個(gè)文件里面的，這樣雖然方便了管理，但是會(huì)導(dǎo)致頁(yè)面加載的時(shí)候，需要加載很多不必要的代碼，導(dǎo)致時(shí)間加長(zhǎng)。

　　而我的解決方法就是將每個(gè)頁(yè)面都需要的js和css分別放置在一個(gè)文件內(nèi)，而其他每個(gè)頁(yè)面特有的js和css，則自己獨(dú)立創(chuàng)建文件，針對(duì)性的引用。比如共同的css都放在style.css中，首頁(yè)才有的css就寫在style-home.css中，只有在首頁(yè)才引用，其他頁(yè)面則不引用，這樣就可以大大提高網(wǎng)站的加載速度了。

　　看了上面的幾個(gè)優(yōu)化要點(diǎn)，大家肯定還有疑問(wèn)。通過(guò)源代碼大家不難發(fā)現(xiàn)，我的源代碼已經(jīng)做到最精簡(jiǎn)的程度了，沒(méi)有table嵌套，header沒(méi)有多余的內(nèi)容，js和css只有必要的才添加。

　　沒(méi)有多余的代碼，自然加載速度可以優(yōu)化到最快。