[CLOSED] Loader Performance in IE

  1. #1

    [CLOSED] Loader Performance in IE

    Dear Support,

    We experienced slow performance using IE11 when frame mode loader was used.

    Below is a simple example to illustrate. User will not be able to key in the first focus field smoothly even after the loading mask was cleared. Are there any suggestion / best practice to improve the performance in IE11?

    
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <%@ Page Language="C#" %>
    
    <script runat="server">
    
    </script>
    
    <!DOCTYPE html>
    
    <html>
    <head runat="server">
        <title>Setting Html and Loader Properties - Ext.NET Examples</title>
       
    </head>
    <body>
        <h1>Setting Html and Loader Properties</h1>
    
        <ext:ResourceManager runat="server" />
    
        <ext:Panel
            ID="Panel3"
            runat="server"
            Width="500"
            Height="500">
            <Loader
                runat="server"
                Url="Child.aspx"
                Mode="Frame"
                ShowMask="true">
                <LoadMask ShowMask="true" />
            </Loader>
            
        </ext:Panel>
    </body>
    </html>
    Child.aspx
    
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <%@ Page Language="C#" %>
    
    <%@ Import Namespace="System.Collections.Generic" %>
    <script runat="server">
    
        protected void Page_Load(object sender, EventArgs e)
        {
    
            this.txtUsername.Focus(true);
        }
    
    </script>
    
    
    
    <!DOCTYPE html>
    
    <html>
    <head runat="server">
        <title>FormLayouts built in markup - Ext.NET Examples</title>
    </head>
    <body>
        <form runat="server">
            <ext:ResourceManager runat="server" />
    
            <ext:FormPanel
                ID="Panel1"
                runat="server"
                Title="Simple Form"
                BodyPaddingSummary="5 5 0"
                Width="350"
                Frame="true"
                ButtonAlign="Center"
                Layout="FormLayout">
                <FieldDefaults MsgTarget="Side" LabelWidth="75" />
                <Plugins>
                    <ext:DataTip runat="server" />
                </Plugins>
                <Items>
                    <ext:TextField ID="txtUsername" runat="server" FieldLabel="First Name" AllowBlank="false">
                        <CustomConfig>
                            <ext:ConfigItem Name="tooltip" Value="Enter your first name" />
                        </CustomConfig>
                        <AfterLabelTextTpl runat="server">
                            <Html>
                                <span style="color:red;font-weight:bold" data-qtip="Required">*</span>
                            </Html>
                        </AfterLabelTextTpl>
                    </ext:TextField>
                    <ext:TextField runat="server" FieldLabel="Last Name" AllowBlank="false">
                        <CustomConfig>
                            <ext:ConfigItem Name="tooltip" Value="Enter your last name" />
                        </CustomConfig>
                        <AfterLabelTextTpl runat="server">
                            <Html>
                                <span style="color:red;font-weight:bold" data-qtip="Required">*</span>
                            </Html>
                        </AfterLabelTextTpl>
                    </ext:TextField>
                    <ext:TextField runat="server" FieldLabel="Company">
                        <CustomConfig>
                            <ext:ConfigItem Name="tooltip" Value="Enter your employer's name" />
                        </CustomConfig>
                    </ext:TextField>
                    <ext:TextField runat="server" FieldLabel="Email" Vtype="email" AllowBlank="false">
                        <CustomConfig>
                            <ext:ConfigItem Name="tooltip" Value="Enter your email address" />
                        </CustomConfig>
                        <AfterLabelTextTpl runat="server">
                            <Html>
                                <span style="color:red;font-weight:bold" data-qtip="Required">*</span>
                            </Html>
                        </AfterLabelTextTpl>
                    </ext:TextField>
                    <ext:DateField runat="server" FieldLabel="DOB">
                        <CustomConfig>
                            <ext:ConfigItem Name="tooltip" Value="Enter your date of birth" />
                        </CustomConfig>
                    </ext:DateField>
                    <ext:NumberField runat="server" MinValue="0" MaxValue="100" FieldLabel="Age">
                        <CustomConfig>
                            <ext:ConfigItem Name="tooltip" Value="Enter your age" />
                        </CustomConfig>
                    </ext:NumberField>
                    <ext:TimeField runat="server" FieldLabel="Time" MinTime="08:00" MaxTime="18:00">
                        <CustomConfig>
                            <ext:ConfigItem Name="tooltip" Value="Enter a time" />
                        </CustomConfig>
                        <ListConfig>
                            <Plugins>
                                <ext:DataTip runat="server">
                                    <Tpl runat="server">
                                        <Html>
                                            Select time {date:date("G:i")}
                                        </Html>
                                    </Tpl>
                                </ext:DataTip>
                            </Plugins>
                        </ListConfig>
                    </ext:TimeField>
                </Items>
                <Buttons>
                    <ext:Button runat="server" Text="Save" Handler="this.up('form').getForm().isValid();" />
                    <ext:Button runat="server" Text="Cancel" Handler="this.up('form').getForm().reset();" />
                </Buttons>
            </ext:FormPanel>
    
      
        </form>
    </body>
    </html>
    Last edited by fabricio.murta; Aug 08, 2016 at 6:29 PM. Reason: [CLOSED]
  2. #2
    Hello @kwcitadmin!

    I've run your sample here but couldn't notice any particular slowdown or glitchy user interaction. Can you be more specific on how to reproduce the slowliness in the page? I tested it on IE11.
    Fabrício Murta
    Developer & Support Expert
  3. #3
    As it is our corporate policy to view all the intranet websites in compatibility mode, we have tested that in general, ext.net run relatively slow when using compatibility mode in ie11.

    Would you please test the page in compatibility mode?

    Thanks in advance
  4. #4
    enabling compatibility mode for 'localhost' on IE11, I get the page loaded in no more than 3 seconds. I don't have much difference -- if any -- when not in compatibility mode. Seems to load smooth to me. Maybe you got any extension or something like it that's chewing the time to load the page? Also... What exactly are you calling 'slow' in this example, how many seconds or milliseconds?
    Fabrício Murta
    Developer & Support Expert
  5. #5
    Please take a look at the video below, I pressed "r" continuously once I have refreshed the page:

    http://sendvid.com/xvuw5s1z

    It takes less than 3 seconds to load, but takes another 4 sec until smooth input of the first focus field.
  6. #6
    I see it kind of 'gets stuck' if you quickly focus "First name" hit and hold the 'r' key, right?.. It works smoothly here on IE11.

    I just click address bar, hit enter, once it shows me the input field, I press & hold 'r' and it fills as my key repeat rate allows (and that's not slow at all).

    You probably tried in several machines there. You testing this on a live app in IIS, or local iis-express run (without debugging)? Windows 7, 8 or 10? This behavior is replicable in several other machines on the company, perhaps?

    Windows 8 here, and IE11. I run the page from Visual Studio without debugging (ctrl+f5 on my set up shortcuts). Anyway, running in debug mode, responsiveness is but the same... Quick.
    Fabrício Murta
    Developer & Support Expert
  7. #7
    Thanks for your suggestion, we experience this when the app is run in debug mode/local iis.
    But when we published to the server, it seems to run smoothly. You can close the case.
  8. #8
    This is really intriguing. But well, I couldn't reproduce the issue even with debug mode turned on. Sometimes Visual Studio's "browser link" functionality gives false positives while debugging sites, you may want to turn this feature off in your Visual Studio's settings.
    Fabrício Murta
    Developer & Support Expert

Similar Threads

  1. [CLOSED] Panel Loader 404 when IIS is down
    By Geovision in forum 3.x Legacy Premium Help
    Replies: 1
    Last Post: Mar 10, 2016, 2:06 PM
  2. help with loader
    By mohamad in forum 2.x Help
    Replies: 2
    Last Post: Mar 25, 2014, 7:38 AM
  3. Ext.net 2x Exmaples Loader
    By NickBin in forum 2.x Help
    Replies: 7
    Last Post: Mar 21, 2012, 10:56 AM
  4. Performance
    By Puia in forum 1.x Help
    Replies: 2
    Last Post: Jul 28, 2009, 10:51 AM
  5. GWT EXT performance
    By jeybonnet in forum Open Discussions
    Replies: 6
    Last Post: Mar 25, 2009, 8:39 AM

Tags for this Thread

Posting Permissions