清理垃*圾代*碼是指刪除頁*面中的多餘代*碼。一個頁*面通過垃*圾代*碼清理後，能夠刪除接近80%的多餘代*碼。然而，什麼樣的代*碼纔是垃*圾代*碼呢？字體
1.垃*圾代*碼優化
垃*圾代*碼就是指刪除後不會影響頁*面正常顯示的非必要的代*碼。這些代*碼佔據着龐大的空間，不但消耗用*戶下*載頁*面的時間，還佔用搜索*引擎巨大的存儲空間，增長搜索*引擎分析數據的時間。然而，這麼龐大的垃*圾代*碼是如何產生的呢？網站
2.垃*圾代*碼的產生圖片
通常狀況下，咱們會使用網頁製做軟*件製做網頁，如FrontPage、Word及Dreamweaver。這些網頁製做軟*件在製做網頁的時候，會生成相應的HTML代*碼，其中大部分是必要的，而有一小部分則是無關緊要的，這就是所謂的垃*圾代*碼。所以，避免產生垃*圾代*碼最好的辦法就是以手工編寫代*碼的方式製做網頁。ip
即便是一樣內容的網頁，使用不一樣的網頁製做軟*件進行製做，所產生的代*碼也會存在很大的區別。在沒有掌握手工編寫代*碼前，可使用Dreamweaver製做網頁，完成後再清理其中的垃*圾代*碼。get
3.垃*圾代*碼的清理it
〇空格class
空格字符是網頁中最多見的垃*圾代*碼。但此處討論的空格字符並不是HTML語言中的「 ；」標籤，而是指在代*碼編輯環境下敲擊鍵盤上的空格鍵所產生的符號。網頁中每一個空格都至關於一個字符，所以，空格字符也會佔用巨大的空間。初步同濟，空格字符約佔用頁*面整體積的1.5%。也就是說，一個100KB的頁*面中，其中1.5KB是空格字符。本文由長春鑫通橋架http://www.ccxtqj.com推薦分享。搜索
空格字符一般會出如今每行代*碼的開始和結束處，還有就是空行中。方法
（1）每行代*碼開始前的空格字符：是網頁製做軟*件生成代*碼時，默認產生的縮進字符。
（2）每行代*碼結束處的空格字符：是編輯HTML代*碼時，不當心加上的。只要咱們在每行代*碼的結束位置向右移動光標，若是光標不換行，則說明該頁*面還存在空格字符。
（3）空白行：在編寫代*碼時，常利用空行或者註釋對不一樣功能模塊進行分隔，這樣就產生了空白行。
對於頁*面中不一樣位置上的空格字符，清理的方式也有所不一樣，下面介紹幾種經常使用的空格字符清理方法。
每行代*碼開始前的空格字符
對於每行代*碼開始錢的空格字符，可使用Dreamweaver或者EditPlus等軟*件進行清理。具體操做步驟以下：
（1）轉至HTML代*碼編輯模式（若是是Dreamweaver）；
（2）按Ctrl+A選擇所有代*碼；
（3）使用組合鍵Shift+Tab，直至刪除全部空格爲止。
以下圖的代*碼1是清理空格前的效果，而代*碼2則是清理空格字符後的效果。
對於空行中空格字符的清理，只能手工逐行去掉。
（1）首先，使用鼠標選擇空行；
（2）再按Delete鍵，便可刪除空行。
每行代*碼結尾處的空格字符對於每行代*碼介紹處的空格字符，咱們可使用Editplus或者其餘文筆編輯軟*件的替換功能進行清理：
（1）用鼠標選擇「>」+「一個空格字符」，即「>」；
（2）再按Ctrl+F，就會彈出一個窗口；
（3）「替換」處填上「>」，再點擊「所有替換」便可。
頁*面通過清理空格字符後，大概能夠刪除70%左右的垃*圾代*碼。也就是說，空格字符的代*碼量大概佔總垃*圾代*碼的70%，還有30%左右的垃*圾代*碼分佈在默認屬性、註釋語句及空語句中。
〇默認屬性
在利用網頁製做軟*件製做網頁時，一般會產生一些默認屬性的代*碼。例如，咱們在HTML代*碼中不添加左對齊屬性，頁*面中的內容也是以左對齊的方式顯示的，因此代*碼中的左對齊屬性是能夠刪除的。
在頁*面中，還有不少其餘屬性都是默認屬性，如下是比較常見的。
（1）align=「left」：橫向居左對齊屬性值，默認狀況下文章或者圖片都是橫向居左對齊的。
（2）valign=「middle」：豎向居中對齊屬性值，默認狀況下文章或者圖片都是豎向居中對齊的。
（3）size=「3」：文字大小屬性值，默認狀況下是3號字體。
（4）target=」_self「：新頁*面打開屬性值，默認狀況下網頁中文本的字體顏色是黑色。
利用Dreamweaver的替換功能，能夠完成對默認屬性代*碼的替換。在「查找」中填上要替換的默認屬性代*碼，「替換」處留空白，還能夠在「查找範圍」上選擇替換範圍，而後點擊「替換所有」就能夠刪除「產照範圍」內全部指定的默認屬性代*碼。
〇註釋語句
註釋語句是用於對代*碼功能或做用進行說明的語句，註釋語句裏的內容對於普通用*戶來講就是不可見的。即普通用*戶在頁*面中是看不到HTML代*碼中註釋標籤裏的內容。
在製做網頁的時候，咱們或多或上會添加註釋語句一加強代*碼的可讀性。可是，過多的註釋語句會佔用大量的存儲空間。不只如此，若是在註釋標籤裏添加大量的關鍵字，還會被搜索*引擎認爲是堆砌關鍵字，從而對網站進行懲*罰。
因此，在添加註釋語句時，咱們要堅守一個原則：毫不添加哪些即便刪除後也不會影響網頁源代*碼可讀性的註釋語句。
〇空語句
垃*圾代*碼清理的最後一步就是刪除代*碼中的空語句。簡單地說，空語句就是指標籤間不存在任何內容的語句。
空語句的清理主要針對即便刪除後也不會影響頁*面正常顯示的標籤。但有一部標籤是不能刪除的（如<tr>、<td>），不然頁*面將會出現錯亂。
手工編寫HTML代*碼是搜索*引擎優化從業者必須具有的基本技能。若是你已經具有手工編寫HTML代*碼的能力，就應該有限採用手工編寫代*碼的方式製做網頁。
通過垃*圾代*碼清理後，頁*面中70%以上的多餘代*碼已經被清楚，可是，精簡代*碼的工做並無完成。接下來就是暫緩HTML中的長標籤，以及對CSS，JavaScript進行優化，