整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

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

          如何進行SEO優化:

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

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

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

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

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

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

          (3) 壓縮和緩存:

          (4)延遲加載圖片:

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

          (5) DNS解析優化:

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

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

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

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

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

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


          主站蜘蛛池模板: 日本成人一区二区| 国产一区二区三区日韩精品| 熟妇人妻系列av无码一区二区| 人妻少妇精品一区二区三区| 亚洲综合无码一区二区痴汉| 国产无套精品一区二区| 国产伦精品一区二区三区女| 国偷自产一区二区免费视频| 无码一区二区三区亚洲人妻| 日韩在线视频不卡一区二区三区| 午夜一区二区在线观看| 亚洲福利视频一区| 色一乱一伦一图一区二区精品| 国产精品男男视频一区二区三区| 国模精品一区二区三区视频| 国产电影一区二区| 国产福利精品一区二区| 亚洲欧美日韩一区二区三区 | 日韩在线一区视频| 蜜桃无码AV一区二区| 国产自产对白一区| 国产精品盗摄一区二区在线| 国产主播福利一区二区| 精品人妻系列无码一区二区三区| 台湾无码一区二区| 国产乱码一区二区三区爽爽爽| 无码视频一区二区三区在线观看 | 国模大胆一区二区三区| 在线精品亚洲一区二区| 国产精品揄拍一区二区久久| 亚洲一区无码中文字幕乱码| 亚洲欧美日韩一区二区三区在线| 在线观看日本亚洲一区| 亚洲AV无码一区二区三区鸳鸯影院| 国产精品一区二区在线观看| 国产一区二区三区在线免费| 一区二区高清在线观看| 无码人妻AV免费一区二区三区| 久久久无码精品国产一区| 亚洲图片一区二区| 亚洲欧美日韩国产精品一区|