前端里面如何進行搜索引擎優化(SEO)


如何進行SEO優化:

(1) 避免head標簽js堵塞:

  所有放在head標簽里面的js和css都會堵塞渲染;如果這些css和js需要加載很久的話,那么頁面就空白了;

  解決辦法:一是把script放到body后面,這也是很多網站采取的方法。

       第二種是給script加defer或者async的屬性,一旦script是defer或者async延遲的,那么這個script將會異步加載,但不會馬上執行,會在readystatechange變為Interactive后按順序依次執行;(做了解)

(2) 減少head里面的css資源:

  css必須放在head標簽里面,如果放在body里面會造成對layout好的dom進行重排造成頁面閃爍;但是一旦放在head標簽里面又會堵塞頁面渲染;所以要盡可能的減小css體積。

(3) 壓縮和緩存:

 

(4)延遲加載圖片:

  

這里沒有直接給src路徑,而是在頁面加載完成后用js操作src,減少了頁面加載圖片的時間,首先把整個頁面結構呈現給用戶;惰性加載圖片也是差不多;當用戶滑動頁面到一定高度時(監聽scroll事件),再動態的依次對圖片進行處理;

(5) DNS解析優化:

  DNS查詢需要花費大量時間來返回一個主機名的IP地址;

  在我們的網站中,可能會加載到很多個域的東西,比如引入了百度地圖啊之類的sdk和一些自己的子域名服務;第一次打開網站時要做很多次DNS查找;DNS預讀取能夠加快網頁打開時間;

  

解決辦法:在head中寫上幾個link標簽,對標簽中的地址提前解析DNS,這個解析是並行發生的,不會堵塞頁面渲染;

6)html別嵌套太多層,加重頁面layout的壓力;

7)css選擇器的合理運用,減少匹配的計算量;

8)js中別濫用閉包,會加深作用域鏈,增加變量查找時間;

9)減少http請求等

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM