2012-11-14 92 views
1

我的問題是指分裂複雜的頁面加載以改善用戶體驗。Aspx頁面和部分加載

信息:

我有一個普通的aspx頁面,其中包含了大量的控制,這會藉此複雜和havy任務。當頁面加載時,這些任務會自動預置(默認)。所有這些組件都被分割爲div,並且隱藏了JQuery,並基於活動選項卡顯示。所以通過製表符隱藏或顯示控件組件等。 這些控件應該保持在同一頁面上,並按照它們在此刻的位置排列。

問題:

這個頁面的問題是,它有時會非常大,因爲他們藉此在昂貴的任務,它需要一些時間來加載頁面的第一次,所以它是不好的用戶體驗。換句話說,perfromce非常糟糕,有時需要幾分鐘的時間才能完全加載頁面。

問:

如何解決這個問題呢? 我在考慮在某些部分拆分它並按需加載這些部分,但我不知道如何在稍後加載它們,我無法訪問加載和這些控件的工作,唯一我想做的以某種方式客戶端,按需加載。所以在開始時,只有那些控件加載在第一個標籤上,然後如果我點擊標籤2,我會加載與這個標籤相關的控件......等等。大多是客戶端? 我可以把它們放在div中,並說div,不加載直到說,並且我說之後,它再次perfroms某種頁面加載?

在此先感謝。

+1

我類似的情況,我已經使用jQuery選項卡控件加載該部分,如果你點擊該選項卡。我做了什麼,我爲不同的選項卡創建了不同的頁面。並點擊我有用戶jQuery「.load」方法來加載該特定頁面。它有另一個功能,如一旦頁面加載時切換選項卡,它不會去服務器,而不是顯示和隱藏div –

+1

如果你有像gridview的東西,那麼你可以使用jTemplate和jqery –

回答

1

可以被選中的另一個選項卡時,在頁面加載按需執行Ajax加載和不是,如何調用從jQuery的服務器端方法的樣本:

Jquery Ajax Loading image

jquery ajax load certain div

+0

謝謝,加載部分div是一個很好的方法 – Alnedru

+0

非常歡迎,如果你需要任何幫助,讓我知道 –

0

將昂貴的控制加載任務移動到相關的選項卡處理程序,而不是在初始頁面加載時全部完成。您可以在服務器端執行此操作,避免事後發生不必要的客戶端返回。

性能問題發生在服務器端,初始頁面加載。在這種情況下,以客戶爲中心的解決方案將無法工作 - 性能受到影響已經發生。你可以使用AJAX,但在你的情況下,這可能意味着重寫所有的數據訪問邏輯。