爱奇思

学习就是——从糊涂中慢慢走向清醒,然后再从清醒中慢慢走向糊涂,所以说我说它是一个O,只是圆的半径慢慢的扩大罢了!
posts - 60, comments - 128, trackbacks - 0, articles - 8
  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

从想控制html的输出格式--到---html的性能优化

Posted on 2009-07-29 14:35 牛牛博客 阅读(...) 评论(...) 编辑 收藏
今天在做项目时,本来是用
<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><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

不用讲 第二种肯定小写第一个文件大小1.18kb  第二种是1.06kb,,大家也许会笑我,猪都知道,但我还是要说一下,如果我们在做程序时,最后都用字符串处理或者正则表达式,去掉回车,可以大大缩小文件的大小,例子:baidu首页。然后再加上用压缩传送的方法。更可以提高性能:

缺点:带客户端生成的html杂乱。看上去失去了dom树形的结构,其实没有。不过我看来这样到时更好 可以保护代码。当别人想看你的源文件时 不那么舒服。进而有保护的作用。(想谈一下菜鸟的看法 ,才发到首页,请各位大哥多多包含!)