去主題中搜索Twenty Twelve主題 下載安裝 你的前端就只剩下文字了 連圖片都沒有 后臺(tái)你再裝一個(gè)SEO插件即可
網(wǎng)站建設(shè)哪家好,找創(chuàng)新互聯(lián)!專注于網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、微信小程序定制開發(fā)、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項(xiàng)目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了海北州免費(fèi)建站歡迎大家使用!
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)站的打開速度有硬性的審核標(biāo)準(zhǔn),甚至在百度站長(zhǎng)工具中還特地推出了頁(yè)面優(yōu)化建議工具。
這意味著百度是希望站長(zhǎng)優(yōu)化自己網(wǎng)站的打開速度的。如果你的網(wǎng)站打開速度慢則很有可能被降權(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)站打開速度。
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)站打開時(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)。所以,我接下來(lái)給大家看看我自己做的現(xiàn)成的案例,通過(guò)源代碼大家不難發(fā)現(xiàn),我的源代碼已經(jīng)做到最精簡(jiǎn)的程度了,沒有table嵌套,header沒有多余的內(nèi)容,js和css只有必要的才添加。
沒有多余的代碼,自然加載速度可以優(yōu)化到最快。
總結(jié)
當(dāng)然,網(wǎng)站的打開速度除了代碼以外,還有很多地方要注意,這僅僅是其中一個(gè)細(xì)節(jié),但相信也是站長(zhǎng)們都需要關(guān)注的。
去主題中搜索Twenty Twelve主題
下載安裝
你的前端就只剩下文字了
連圖片都沒有
后臺(tái)你再裝一個(gè)SEO插件即可