狠狠网/色综合久久久久综合体桃花网/日本护士三aaaaaa/久久久久久综合一区中文字幕

或者

日常網(wǎng)站優(yōu)化中網(wǎng)站代碼該如何優(yōu)化?

作者:數(shù)風(fēng)流人物 瀏覽:130 發(fā)布時(shí)間:2018-05-31
分享 評(píng)論 0

在日常做網(wǎng)站優(yōu)化時(shí),確定網(wǎng)站優(yōu)化的就是優(yōu)化網(wǎng)站代碼,網(wǎng)站代碼的診斷通過(guò)檢測(cè)工具部分診斷出來(lái),CSS、js代碼需要合并,盡量減少不必要的服務(wù)器請(qǐng)求,使用CSSSprite合并不常改動(dòng)的圖片,js放置到頁(yè)面未尾增進(jìn)頁(yè)面加載速度,出現(xiàn)在正文中的CSS代碼合并到CSS表中,改進(jìn)HTML盒子的大小定義等方面,代碼優(yōu)化可以增進(jìn)訪問(wèn)速度、減輕服務(wù)器訪問(wèn)壓力、減少服務(wù)器占用空間及下載帶寬等。

 

網(wǎng)站代碼優(yōu)化

 

  一、合并CSS/js代碼

 

  遵循W3C代碼規(guī)范,前端HTML結(jié)構(gòu)標(biāo)簽、CSS樣式層疊表、js應(yīng)該盡量保持分離,方便代碼閱讀管理,同時(shí)對(duì)搜索引摩抓取友好,有意識(shí)的降嶸,可以幫助視索引掌里高效識(shí)別HTML 文檔關(guān)鍵內(nèi)容。

 

  合并CSS代碼包括HTME文檔中用LINK及@IMPORT引入的CSS樣式層疊表,頁(yè)面內(nèi)部樣式表,行內(nèi)嵌人樣式表。每一次LINK 或@IMPORT引入都會(huì)對(duì)服務(wù)器進(jìn)行一次資源請(qǐng)求。無(wú)論從用戶訪問(wèn)、搜索引擎抓取還是服務(wù)器負(fù)荷等角度來(lái)說(shuō),合并CSS文件都是必要的。假如同一時(shí)間并發(fā)10萬(wàn)訪向。對(duì)服務(wù)器的請(qǐng)求詞數(shù)則相差10倍,可能造成訪問(wèn)阻塞或者服務(wù)器宕機(jī)等。

 

  二、CSSSprite

 

  CSS精靈技術(shù)的目的也在于合并不常改動(dòng)的網(wǎng)站圖片到一張大圖上去,減少服務(wù)器請(qǐng)求次數(shù),比較常見(jiàn)的是對(duì)按鍵小圖標(biāo)、標(biāo)題前小圖標(biāo)、LOGO、確定、取消等圖片合并成一張。

 

  1.js引入或頁(yè)內(nèi)js放置到HTML文檔末

 

  由于js是可執(zhí)行文件,因此有可能會(huì)存在需要較長(zhǎng)時(shí)間才能執(zhí)行完一個(gè)函數(shù)的情況,如果放置在頁(yè)面前部分,就會(huì)阻塞js文件后面的頁(yè)面加載,導(dǎo)致頁(yè)面只有部分被加載進(jìn)客戶端容器,影響用戶體驗(yàn),因此提倡將外部引人js或頁(yè)內(nèi)js放置頁(yè)面末端獲得更好的訪問(wèn)及蜘蛛抓取體驗(yàn)。此處就涉及js的同步、異步及延遲加載,目的依舊在于考慮用戶及蜘蛛的訪問(wèn)體驗(yàn),起到更好的優(yōu)化效果。

 

  2.減少HTML、CSS、js文檔冗余,壓縮文檔

 

  (1)HTML文檔非必要的常見(jiàn)冗余包括Meta元標(biāo)簽,如作者、版權(quán)等聲明,分割開(kāi)的js、CSS引人代碼,注釋,多余空格,無(wú)用的js,CSS或者隱藏的HTML無(wú)任何功能的標(biāo)簽,重疊的CSS樣式,非必要的標(biāo)簽嵌套,過(guò)多的統(tǒng)計(jì)代碼,分享代碼、排薦代碼等方代碼等第三方代碼。

 

  (2)CSS文檔里與默認(rèn)樣式一樣的代碼,組合樣式中多余的CSS代碼,沒(méi)有必要出現(xiàn)的樣式,不起作用的單樣式,HTML文檔中的樣式標(biāo)簽應(yīng)被CSS樣式替代,注釋,多余空格等。

 

  (3)js文檔常見(jiàn)的冗余,包括15寫(xiě)冗余,邏輯冗余、多余執(zhí)行的冗余和代碼數(shù)量的冗余等,需要依靠前端程序員協(xié)助進(jìn)行代碼重構(gòu),以提高代碼執(zhí)行效率,壓縮占用空間等。

 

  (4)檢在刪除不使用的HTML,CSS,js及圖片,F(xiàn)lash文件、視頻等,減少不必要的服務(wù)器空間占用。開(kāi)啟GZIP亞索對(duì)web問(wèn)價(jià)進(jìn)行亞索處理,減少空間占用和加快下載的速度。

 

  三、Xhtml檢測(cè)

 

  (1)圖片alt屬性不要留空,對(duì)圖片進(jìn)行說(shuō)明方便搜索引擎理解,同時(shí)在圖片無(wú)法加載的時(shí)候用文字默認(rèn)顯示,以方便訪客理解占位的圖片是什么alt屬性在SEO中被用來(lái)嵌如相關(guān)關(guān)鍵詞、增加頁(yè)面關(guān)鍵詞密度及圖片的關(guān)鍵詞相關(guān)性,以及增加在圖片收錄及排名中的優(yōu)勢(shì)。

 

  (2)樣式標(biāo)簽或樣式類屬性棄用,使用CSS代替,做到布局跟表現(xiàn)樣式分離。

 

  (3)標(biāo)簽的不合理嵌套,比如在檢測(cè)結(jié)果中顯示出將style標(biāo)簽放置于ul標(biāo)簽中。

 

  (4)H系列標(biāo)簽對(duì)于文檔進(jìn)行結(jié)構(gòu)化。

 

  四、CSS檢測(cè)

 

 

  CSS有三種檢測(cè)辦法:直接輸人CSS地址、上傳CSS文件及輸人CSS代碼檢測(cè)。按照檢測(cè)結(jié)果進(jìn)行相對(duì)應(yīng)的優(yōu)化,更正語(yǔ)法錯(cuò)誤,去除冗余代碼等。

 

  五、語(yǔ)義化標(biāo)結(jié)構(gòu)化文檔

 

  在代碼優(yōu)化中,非常重要的一點(diǎn),即理解所有17個(gè)IML標(biāo)簽各自代表的語(yǔ)義,在正確的位置使用它,以使網(wǎng)頁(yè)結(jié)構(gòu)能的代和優(yōu)化中,在8夠非常清晰且快速地被搜索引擎理解井抓取、索引。這是對(duì)搜索引擎友好的重要表現(xiàn)。不單單是我們常見(jiàn)的Title標(biāo)簽表示頁(yè)面標(biāo)題,Keywords標(biāo)簽表示頁(yè)面關(guān)鍵詞,Description標(biāo)簽表示描述,H標(biāo)簽表示H標(biāo)簽表示heading到章節(jié)存層級(jí),strong標(biāo)簽是強(qiáng)調(diào),其他所有標(biāo)簽也都有各自的適用范用,說(shuō)用世用即會(huì)造成結(jié)構(gòu)混亂,不易理解。比如,全頁(yè)面使用div進(jìn)行布局,就會(huì)增加搜索引擎對(duì)頁(yè)面各個(gè)部分的理解難度。

 

  六、其他代碼優(yōu)化

 

  所有屬性必須用英文狀態(tài)引號(hào)“括起來(lái),把所有<和&特殊符號(hào)用編碼表示,給所有屬性賦一個(gè)值,所有的標(biāo)記都必須要有一個(gè)相應(yīng)的結(jié)束標(biāo)記,所有的標(biāo)記都必須合理嵌套。在form表單中增加label,以增加用戶友好度,單標(biāo)簽使用用合(如<img>)。以上所羅列的都是HTML規(guī)范寫(xiě)法,目的在于減少網(wǎng)頁(yè)顯示錯(cuò)誤,利于搜索引擎高效抓取,無(wú)論從用戶體驗(yàn)還是SEO角度都有有益而無(wú)害的。

 

  nofollow的適當(dāng)使用,對(duì)不參與排名的站內(nèi)頁(yè)面人為控制抓取。

 

  適當(dāng)使用h系列標(biāo)簽,stong、b標(biāo)簽及其他語(yǔ)義化標(biāo)簽,使結(jié)構(gòu)變清晰,提供給蜘蛛更便捷的爬取路徑。