如何進(jìn)行SEO優(yōu)化:
(1) 避免head標(biāo)簽js堵塞:
所有放在head標(biāo)簽里面的js和css都會(huì)堵塞渲染;如果這些css和js需要加載很久的話搜索引擎優(yōu)化,那么頁面就空白了;
解決辦法:一是把放到body后面,這也是很多網(wǎng)站采取的方法。
第二種是給加defer或者async的屬性,一旦是defer或者async延遲的,那么這個(gè)將會(huì)異步加載搜索引擎優(yōu)化,但不會(huì)馬上執(zhí)行,會(huì)在變?yōu)楹蟀错樞蛞来螆?zhí)行;(做了解)
(2) 減少head里面的css資源:
css必須放在head標(biāo)簽里面,如果放在body里面會(huì)造成對(duì)好的dom進(jìn)行重排造成頁面閃爍;但是一旦放在head標(biāo)簽里面又會(huì)堵塞頁面渲染;所以要盡可能的減小css體積。
(3) 壓縮和緩存:
(4)延遲加載圖片:
這里沒有直接給src路徑,而是在頁面加載完成后用js操作src,減少了頁面加載圖片的時(shí)間,首先把整個(gè)頁面結(jié)構(gòu)呈現(xiàn)給用戶;惰性加載圖片也是差不多;當(dāng)用戶滑動(dòng)頁面到一定高度時(shí)(監(jiān)聽事件),再動(dòng)態(tài)的依次對(duì)圖片進(jìn)行處理;
(5) DNS解析優(yōu)化:
DNS查詢需要花費(fèi)大量時(shí)間來返回一個(gè)主機(jī)名的IP地址;
在我們的網(wǎng)站中,可能會(huì)加載到很多個(gè)域的東西,比如引入了百度地圖啊之類的sdk和一些自己的子域名服務(wù);第一次打開網(wǎng)站時(shí)要做很多次DNS查找;DNS預(yù)讀取能夠加快網(wǎng)頁打開時(shí)間;
解決辦法:在head中寫上幾個(gè)link標(biāo)簽,對(duì)標(biāo)簽中的地址提前解析DNS,這個(gè)解析是并行發(fā)生的,不會(huì)堵塞頁面渲染;
6)html別嵌套太多層,加重頁面的壓力;
7)css選擇器的合理運(yùn)用,減少匹配的計(jì)算量;
8)js中別濫用閉包,會(huì)加深作用域鏈,增加變量查找時(shí)間;
*請(qǐng)認(rèn)真填寫需求信息,我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。