整合營銷服務(wù)商

          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理

          免費(fèi)咨詢熱線:

          前端里面如何進(jìn)行搜索引擎優(yōu)化(SEO)

          如何進(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í)間;


          主站蜘蛛池模板: 国产精品亚洲一区二区麻豆 | 日韩一区二区三区视频| 精品一区二区三区影院在线午夜 | 亚洲一区二区视频在线观看| 精品一区精品二区制服| 久久99精品国产一区二区三区| 精品乱人伦一区二区| 亚洲综合激情五月色一区| 少妇激情一区二区三区视频| 国产在线不卡一区二区三区| 痴汉中文字幕视频一区| 国产在线一区二区三区av| 午夜福利无码一区二区| 51视频国产精品一区二区| 激情内射亚洲一区二区三区爱妻| 亚洲AV午夜福利精品一区二区| 欧洲精品无码一区二区三区在线播放| 精品女同一区二区| 波多野结衣精品一区二区三区 | 无码少妇丰满熟妇一区二区| 国产微拍精品一区二区| 最新欧美精品一区二区三区| 成人中文字幕一区二区三区| 日韩精品一区二区三区老鸭窝| 精品一区二区三区东京热 | 日韩精品一区二区午夜成人版| 国产成人av一区二区三区在线观看| 亚洲码欧美码一区二区三区| 波多野结衣中文字幕一区二区三区| 日韩一区二区三区四区不卡| 日本在线视频一区二区| 亚欧成人中文字幕一区| 不卡无码人妻一区三区音频| 欧美日本精品一区二区三区| 日本一区二三区好的精华液| 国产日韩精品一区二区在线观看播放| 日韩精品无码一区二区三区不卡| www一区二区三区| 波多野结衣av高清一区二区三区| 国产精品一区二区三区高清在线 | 久久精品日韩一区国产二区|