整合營銷服務(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í)間;


          主站蜘蛛池模板: 性色AV一区二区三区天美传媒| 中文字幕日韩精品一区二区三区| 亚洲日本一区二区三区在线| 性色A码一区二区三区天美传媒| 国产一区二区三区播放心情潘金莲 | 亚洲欧美日韩一区二区三区| 国产在线精品一区二区高清不卡| 一区二区三区精密机械| 亚洲色精品aⅴ一区区三区| 成人精品一区久久久久| 亚洲欧美成人一区二区三区| 亚洲熟女乱综合一区二区| 亚洲日韩一区精品射精| 无码日韩精品一区二区三区免费 | 国产精品毛片a∨一区二区三区| 日本一区二区视频| 亚洲国产日韩一区高清在线 | 免费一区二区无码视频在线播放| 97人妻无码一区二区精品免费| 国产区精品一区二区不卡中文| 一区二区三区视频免费观看| 国产精品熟女视频一区二区| 在线精品一区二区三区| 亚洲Av高清一区二区三区| 久久久精品人妻一区亚美研究所| 亚洲一区精品无码| 国产婷婷色一区二区三区| 国产在线精品一区二区三区不卡| 欧洲精品码一区二区三区免费看 | 精品一区二区三区在线播放| 国产精品久久久久一区二区三区 | 少妇激情AV一区二区三区| 无码国产伦一区二区三区视频| 成人区精品人妻一区二区不卡| 国产高清在线精品一区二区三区| 一区二区福利视频| 制服中文字幕一区二区| 国产激情一区二区三区成人91| 日本一区二区三区在线视频 | 天堂Av无码Av一区二区三区| 亚洲一区二区三区国产精华液 |