從想控制html的輸出格式–到—html的效能最佳化

今天在做項目時，本來是用<asp:Repeater ID="getnews" runat="server">
<HeaderTemplate><ul></HeaderTemplate>
<ItemTemplate><li><%#string.Format(LTP.Common.StringPlus.UnRepalceStr(ConfigurationManager.AppSettings["newDisplay"].ToString()), Eval("NewId"), Eval("Title"), Eval("DataTime"))%></li></ItemTemplate>
<FooterTemplate></ul></FooterTemplate>
</asp:Repeater>

來幫定控制項  當我查看原始碼時產生時這樣的<ul><li>.....</li><li>....</li>..</ul>
本來是認為  這樣太菜了  如果被其他程式員看到了  這樣的源碼可讀性，和整齊性太差。
然後就想了辦法：加上<%="\n"%>在<li>標籤前面。
嘿嘿  然後可以產生整齊的html了
<ul>
<li>....</li>
...
</ul>
但這時候  腦海中閃出在 讀部落格時常見的一句話，要把客戶體驗放到第一位，然後想到效能的問題  發現按第一種的效能產生的html檔案大小很小，
然後我又找了一個表現一樣的html檔案，做成下列兩種格式比較一下：第一種是aspx產生的，第二種是我格式化字串去掉斷行符號 跳格後的 
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>無標題頁</title>
</head>
<body>
    <form name="form" method="post" action="Default.aspx" id="form">
<div>
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKLTM5Nzg1MTUzNGRk8/uw5bMqRP4/v052GLT5Pylxl1U=" />
</div>
 
<div>
 
    <input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEWAgKvrovKBALs0bLrBpKJ1v/9L5AmtBkr3s3q+NybkCgd" />
</div>
    <div>
        
        <ul>
<li><a href="shownewinfo.aspx?&newid=1" title="實驗-歡迎訪問">實驗-歡迎訪問</a><span class="datetime">2009/7/26 0:00:00<span></li>
</ul>
 
        <textarea name="TextBox1" rows="2" cols="20" id="TextBox1" style="height:123px;width:289px;">
&amp;lt;li&amp;gt;&amp;lt;a&amp;nbsp;href=&amp;quot;shownewinfo.aspx?&amp;amp;newid={0}&amp;quot;&amp;nbsp;title=&amp;quot;{1}&amp;quot;&amp;gt;{1}&amp;lt;/a&amp;gt;&amp;lt;span&amp;nbsp;class=&amp;quot;datetime&amp;quot;&amp;gt;{2}&amp;lt;span&amp;gt;&amp;lt;/li&amp;gt;</textarea>
        
    </div>
    </form>
</body>
</html>

Code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>無標題頁</title></head><body><form name="form" method="post" action="Default.aspx" id="form"><div><input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKLTM5Nzg1MTUzNGRk8/uw5bMqRP4/v052GLT5Pylxl1U=" /></div><div><input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEWAgKvrovKBALs0bLrBpKJ1v/9L5AmtBkr3s3q+NybkCgd" /></div><div><ul><li><a href="shownewinfo.aspx?&newid=1" title="實驗-歡迎訪問">實驗-歡迎訪問</a><span class="datetime">2009/7/26 0:00:00<span></li></ul><textarea name="TextBox1" rows="2" cols="20" id="TextBox1" style="height:123px;width:289px;">&amp;lt;li&amp;gt;&amp;lt;a&amp;nbsp;href=&amp;quot;shownewinfo.aspx?&amp;amp;newid={0}&amp;quot;&amp;nbsp;title=&amp;quot;{1}&amp;quot;&amp;gt;{1}&amp;lt;/a&amp;gt;&amp;lt;span&amp;nbsp;class=&amp;quot;datetime&amp;quot;&amp;gt;{2}&amp;lt;span&amp;gt;&amp;lt;/li&amp;gt;</textarea></div></form></body></html>

不用講 第二種肯定小寫第一個檔案大小1.18kb  第二種是1.06kb，，大家也許會笑我，豬都知道，但我還是要說一下，如果我們在做程式時，最後都用字串處理或者Regex，去掉斷行符號，可以大大縮小檔案的大小，例子：baidu首頁。然後再加上用壓縮傳送的方法。更可以提高效能：

缺點：帶用戶端產生的html雜亂。看上去失去了dom樹形的結構，其實沒有。不過我看來這樣到時更好 可以保護代碼。當別人想看你的源檔案時 不那麼舒服。進而有保護的作用。（想談一下菜鳥的看法 ，才發到首頁，請各位大哥多多包含！）