基本介紹
- 中文名：網頁減肥
- 外文名：Web page weight loss
- 涵義：減小網頁大小
詳細介紹,減肥方法,第一：使用html網頁減肥軟體,第二：設計減肥法,第三：CSS樣式減肥：,第四：JS的減肥,
詳細介紹
搜尋引擎對於用戶體驗的關注度越來越高，這就要求我們不僅僅要做好自身網站內容的建設，外連的建設，還要包括其他很多方面的處理。直接關係到訪客體驗的一個重要方面就是網頁的打開速度，我們除了可以選擇更好的伺服器之外，同時也可以對我們網站自身的代碼進行最佳化。
網頁減肥也是網頁設計中的一個重要工作，同樣也是我們seo 最佳化的一個部分。當我們打開網站的原始程式碼，看到裡面很多空行，分行符號，無用的table時自己也比較鬱悶，這是因為我們使用各種編輯器寫出來的HTML為了便於作者查看程式所以都用上了很多的空格和和換行，像FP2000這個軟體會產生相當多的空格使你網頁的內空變得很大。
當然還有一些可以減肥的內容是人為造成的，比如你在書寫代碼的時候把多個HTML的屬性用到一個對像上，而這些屬性里有重複的，也會使你的頁面變肥。
減肥方法
第一：使用html網頁減肥軟體
我們可以使用一些軟體來壓縮我們的網頁，比如：用一些專門對HTML減肥的軟體來對HTML頁面減肥，這個方法很容易且很有效，但對於比如人為造成的冗餘HTML代碼就不能減了，只能減掉多餘的空格和table。
第二：設計減肥法
設 計減肥，這個是針對於美工或者網頁製作的朋友而言的，不同的人，對於網頁代碼的使用都有自己的喜歡和風格，可能一個最終前台一樣的網站，2個人寫出來的代 碼多少， css或者網頁檔的大小都是不同的，那這就是說設計網頁時，特別是用一個軟體來設計網頁時你要用一種良好的操作習慣和正確的方法。
比如：當你有文字或圖片在表格里時需要居中，那么使用儲存格居中就會比使用文字居中產生的代碼少；如果你頁面里大多數的連結都要在新視窗打開，那么你把該頁面的預設打開方式設為新視窗，這樣又會減少很多的打開新視窗的定義。
第三：CSS樣式減肥：
網頁製作應通過CSS來統一定製字型風格，以使代碼標準化，避免大量的字型和格式化標籤如
< font size=xx></font> <color=xx>
<style type=”text/css”>
<!–
h2 { font-family: ” 宋體”; font-size: 12pt; color: #333366;
background-color: #FFCCCC; font-weight: bold }
h1 { font-family: “Arial”; font-size: 12pt; color: #993300 } –>
</style>
通過以上設定，就把文字的字型、字型大小、顏色、背景色等統一起來，不用對每段文字單獨進行格式定義，從而減少大量重複性標籤.
另外我們在對css減肥的時候，應該儘可能的將css代碼放到網頁外部檔中，利用<link rel=”Stylesheet” type=”text/css” href=”./css/styles.css” / >的形式去調用，也是一種網頁減肥的辦法。
第四：JS的減肥
對於使用了JavaScript技術的網頁來說，一般一開始就有大量的JavaScript代碼，js的最佳化有兩個方面值得注意。
1.將js腳本內容放到頁面的最後
把大部分、甚至全部的JavaScript代碼放置在頁面的尾部。 這樣不但不會影響到JavaScript代碼的作用，而且可以不影響搜尋引擎蜘蛛用最快的時間抓取到實際的內容；
2.把js代碼移植到以.js為尾碼的網頁外部檔案中。 這樣也可以減少網頁的代碼。
隨著搜尋引擎對用戶體驗的越來越關注，讓網站快速的展示給訪客也成為我們要最佳化的工作之一，而且我們也知道Google已經將網頁的速度列入seo排名的一個因素。 不要輕視網頁減肥這項工作，也許它將成為我們戰勝競爭對手的一個有利方面。
