探討一種AJAX效能的改進方法

ajax|效能

　　一、 引言

　　在Web表單中，我們使用AJAX來從用戶端（通過JavaScript）調用服務端方法，而在AJAX內部則進行XMLHttpRequest調用。我測試了一些以不同方式實現的AJAX函數。另外，我還監控分析了進行AJAX調用的效能和生命週期。結果，我發現在Web表單中使用AJAX時存在一些嚴重的問題。不過，我也找到了這些問題的一種解決方案。在本文中，我正是想與各位分析這一問題及其相應的解決方案。

　　二、 在使用AJAX時所遇到的效能問題

　　對於每一個AJAX調用來說，我們都要建立包含AJAX方法的類的一個執行個體。另外，如果我們在類級上使用new關鍵字的話，我們還要為欄位、屬性及其它類級的變數建立執行個體。

　　三、 實現方案

　　我建立了一個工程，它包含兩個Web表單：WebForm1.aspx和WebForm2.aspx，還有一個類Student.vb。這兩部分code-behind頁面都使用了一個AJAX函數getData()和一個Student類型的公開變數。藉助於MXLogger類，我記錄下每一個階段的執行流程。

　　注意：Webform2.aspx的AJAX函數GetData()是共用的，而在WebForm1中，它不是共用的。

'Student.vb
Public Class Student
　Sub New()
　　MXLogger.AddLog("From Student.Constructor")
　End Sub
　Dim _Name As String
　Public Property Name() As String
　　Get
　　　Return _Name
　　End Get
　　Set(ByVal Value As String)
　　　_Name = Value
　　End Set
　End Property
End Class
'WebForm1.aspx.vb
Public Class WebForm1
Public Student As New Student
Sub New()
　MXLogger.AddLog("From WebForm1.Constructor")
End Sub
<Ajax.AjaxMethod(Ajax.HttpSessionStateRequirement.Read)> _
Public Function getData() As String
　MXLogger.AddLog("From WebForm1.Ajax.getData()")
　Return "I m a Non Shared Function"
End Function
End Class
'WebForm2.aspx.vb
Public Class WebForm2
Public Student As New Student
Sub New()
　MXLogger.AddLog("From WebForm2.Constructor")
End Sub
<Ajax.AjaxMethod(Ajax.HttpSessionStateRequirement.Read)> _
Public Shared Function getData() As String
　MXLogger.AddLog("From WebForm2.Ajax.getData()")
　Return "I m a Shared Function"
End Function
End Class

　　四、 測試應用程式

　　· 測試案例1：

　　運行webform1.aspx並且從JavaScript中調用getData() AJAX函數三次。

　　· 測試案例2：

　　運行webform2.aspx並且從JavaScript中調用getData()AJAX函數三次。

　　對於上面的測試案例，我得到如下的日誌輸出資料：

//請注意，為瞭解釋之目的，我在其中手工加入了一些日誌行
LOG for the Test Case 1: ( Non Ajax Shared Function )
-------While Loading The Page--------
5/9/2006 10:37:29 AM>>From Student.Constructor
5/9/2006 10:37:29 AM>>From WebForm1.Constructor
5/9/2006 10:37:29 AM>>From WebForm1.Ajax.getData()
-------First Call For GetData()--------
5/9/2006 10:37:29 AM>>From Student.Constructor
5/9/2006 10:37:29 AM>>From WebForm1.Constructor
5/9/2006 10:37:29 AM>>From WebForm1.Ajax.getData()
-------Second Call For GetData()--------
5/9/2006 10:37:29 AM>>From Student.Constructor
5/9/2006 10:37:29 AM>>From WebForm1.Constructor
5/9/2006 10:37:29 AM>>From WebForm1.Ajax.getData()
-------Third Call For GetData()--------
5/9/2006 10:37:30 AM>>From Student.Constructor
5/9/2006 10:37:30 AM>>From WebForm1.Constructor
5/9/2006 10:37:30 AM>>From WebForm1.Ajax.getData()
LOG for the Test Case 2: ( Shared Ajax Function )
-------While Loading The Page--------
5/9/2006 10:37:09 AM>>From Student.Constructor
5/9/2006 10:37:09 AM>>From WebForm2.Constructor
5/9/2006 10:37:09 AM>>From WebForm2.Ajax.getData()
-------First Call For GetData()--------
5/9/2006 10:38:11 AM>>From WebForm2.Ajax.getData()
-------Second Call For GetData()--------
5/9/2006 10:38:11 AM>>From WebForm2.Ajax.getData()
-------Third Call For GetData()--------
5/9/2006 10:38:11 AM>>From WebForm2.Ajax.getData()

　　我們可以看到，在上面的日誌輸出資料中，對於測試案例1來說，我們能夠看到更多的來自於Webform1和Student的構造器的日誌資料。

　　五、 結論

　　我的建議是，在所有可能的地方，我們應該使用針對於AJAX的共用方法，以便它不會建立更多的Web表單一實例和類級的欄位。這樣以來，我們就可以減少從GC中調用Finalize()的次數。