-
TIPS-為WebControl過磅
-
在使用人數眾多或網路頻寬受限的情境下，Web Server與Browser間傳輸資料量變得格外重要，跟航空公司對行李重量"斤斤計較"一般。除了Web Control產生的HTML之外，另一項隱藏成本是ViewState，在頁面上無嗅無味，但每次檢視頁面時都會千里迢迢從Web送到Client，PostBack時又風塵僕僕地從Browser趕回Web Server，殺傷力驚人。
要深究網頁的傳輸量，除了借用Fiddler、HttpWatch這類工具去測量HTTP往來資料量外，ASP.NET本身有個好功能，可以分析各Web Control所"貢獻"的HTML內容大小及ViewState大小，等於可以為每個Web Control精密過磅，找出拖累傳輸效能的元凶。
方法很簡單，在ASPX宣告上加上Trace="true"即可，例如:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="WebForm1.aspx.cs" Inherits="WebForm1" Trace="true" %>
此時再檢視網頁，你就可以看到如下的資料量拆解分析，很好用吧!
| Control Tree |
| Control UniqueID | Type | Render Size Bytes (including children) | ViewState Size Bytes (excluding children) | ControlState Size Bytes (excluding children) |
| __Page | ASP.webform1_aspx | 809 | 0 | 0 |
| ctl02 | System.Web.UI.LiteralControl | 174 | 0 | 0 |
| ctl00 | System.Web.UI.HtmlControls.HtmlHead | 46 | 0 | 0 |
| ctl01 | System.Web.UI.HtmlControls.HtmlTitle | 33 | 0 | 0 |
| ctl03 | System.Web.UI.LiteralControl | 14 | 0 | 0 |
| form1 | System.Web.UI.HtmlControls.HtmlForm | 555 | 0 | 0 |
| ctl04 | System.Web.UI.LiteralControl | 21 | 0 | 0 |
| Label1 | System.Web.UI.WebControls.Label | 30 | 0 | 0 |
| TextBox1 | System.Web.UI.WebControls.TextBox | 51 | 0 | 0 |
| Button1 | System.Web.UI.WebControls.Button | 66 | 0 | 0 |
| ctl05 | System.Web.UI.LiteralControl | 18 | 0 | 0 |
| ctl06 | System.Web.UI.LiteralControl | 20 | 0 | 0 |
補充一點，ASP.NET 2.0在ViewState儲存策略上做了改變，採取Data/Control分離的做法，即使你將EnableViewState設為false時，資料本身不會被保留，但Control的一些外觀屬性如果放在ControlState中，就得以保存。詳細介紹可以看MSDN (中文說明)。