歷經(jīng)2年的學習，我對網(wǎng)站優(yōu)化總結了幾點：網(wǎng)站結構優(yōu)化，前端代碼優(yōu)化，網(wǎng)頁設計優(yōu)化，鏈接優(yōu)化等四個方面。每個優(yōu)化細節(jié)，都產(chǎn)生著交叉式的影響，而且對網(wǎng)站產(chǎn)生著不同的作用。然而前端代碼是網(wǎng)站的基礎語言，也是搜索引擎認知的語言，所以每個網(wǎng)站都要重視前端代碼，今天分享一下，我是如何進行優(yōu)化前端代碼的。

前端代碼主要包括CSS語言和HTML語言。這里主要說一下CSS代碼優(yōu)化。

Css代碼優(yōu)化對網(wǎng)站的好處是：

（1）加快用戶打開網(wǎng)站的速度，一般情況一下，用戶打開網(wǎng)站超過8秒，用戶就排除了這個網(wǎng)站。所以在優(yōu)化代碼的時候，代碼簡單是重要的一個方面。簡單代碼是網(wǎng)頁的字節(jié)數(shù)減少了，減少了瀏覽器下載代碼的時間。

（2）網(wǎng)站改版css便于修改，標準的css讓代碼整齊，簡單，不管是網(wǎng)站的改版，還是網(wǎng)站修改內(nèi)容，都便于維護，省去大量的時間。

代碼優(yōu)化細則：

（1）CSS代碼簡寫。這里說的簡寫主要解決的問題是，網(wǎng)站代碼冗余，去除不必要的空格等等。如果可以用一句表達的語言，就不要多出幾行代碼，符合W3C標準。

代碼冗余

例如：最長用的margin，屬于多個屬性簡化為一條綜合屬性

未優(yōu)化前

margin-left：2px;

margin-right：4px;

margin-top：8px;

margin-bottom：6px;

可以簡寫為

margin:8px 4px 6px 2px;

去除代碼空格

去除多余的空格鍵，可以有效減少網(wǎng)頁的字節(jié)數(shù)

例如：

.a{

Font-size:14px;

Border:2px solid red;

Padding:1px 2px;}

可以簡寫為：

.a{ Font-size:14px; Border:2px solid red; Padding:1px 2px;}

（2）同屬性提出

如果2個樣式帶有同樣的屬性，可以把同屬性單獨提出處理。例如A樣式和B樣式的字體顏色、大小、邊框都一樣，那么就可以考慮提出。

例如：

.gongyong{font-size:12px;border:1px solid red}

.yangshi{ width:10px;}

.yangshi2{width:20px;}

（3）結構清晰優(yōu)化

網(wǎng)站代碼清晰是指，把代碼分區(qū)處理：網(wǎng)站頭部、網(wǎng)站身體，網(wǎng)站底部，3個區(qū)域進行不同的布局。不同區(qū)間的代碼要區(qū)別總的選擇器，選擇不同顏色加以區(qū)分隔開處理。

總結：網(wǎng)站的前端代碼，搜索引擎重視評估程度為20%。代碼簡化，爬行的目錄層次淺，這樣加強了搜索引擎對代碼的友好程度，進而提高網(wǎng)站的權重，關鍵詞才會有良好的排名。如果代碼冗余，煩瑣，搜索引擎也就關注的少了。

來源：沈陽196團，http://www.196tuan.com

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

版權申明：本站文章部分自網(wǎng)絡，如有侵權，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點！
本站所提供的圖片等素材，版權歸原作者所有，如需使用，請與原作者聯(lián)系。