[CLOSED] Settings and tips for performance improvement

  1. #1

    [CLOSED] Settings and tips for performance improvement

    We are seeing lot of performance issues when using ext.net controls compared to normal HTML. Is there a way or any settings to optimize the performance?
    Last edited by Daniil; Mar 21, 2014 at 12:23 PM. Reason: [CLOSED]
  2. #2
    Hi @MTSI,

    Quote Originally Posted by MTSI View Post
    We are seeing lot of performance issues when using ext.net controls compared to normal HTML.
    If you can post two examples - one with raw HTML, another with Ext.NET controls - with the same functionality and view, we would be happy to investigate.

    Quote Originally Posted by MTSI View Post
    Is there a way or any settings to optimize the performance?
    There is a few links:
  3. #3

    Sample code

    The below sample code which is a plain html with some ext.net controls. This page is taking approx 4 sec to render in IE8 and 2 secs in Chrome which unacceptable with to server side processing.

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML><HEAD><META content="IE=8.0000" http-equiv="X-UA-Compatible">
    <TITLE>My Dashboard</TITLE>
    <META content="text/html; charset=utf-8" http-equiv=Content-Type><LINK 
    id=ext-theme rel=stylesheet type=text/css 
    href="Dashboard_files/ext.css"><LINK rel=stylesheet 
    type=text/css href="Dashboard_files/ext(1).css">
    <SCRIPT type=text/javascript 
    <SCRIPT type=text/javascript 
    <SCRIPT type=text/javascript>
            Ext.net.ResourceMgr.init({isMVC:true,theme:"gray",appName:"Website"});Ext.onReady(function(){Ext.create("Ext.Viewport",{renderTo:Ext.getBody(),items:[{id:"panelheader",border:false,html:"<div class='header'><div class='systemlogo'></div><div class='corplogo'></div><div class='header-bottom-bar'></div><div class='loginbar'></div></div>",region:"north",bbar:{id:"Toolbar1",xtype:"toolbar",margins:"0 0 4 0",items:[{id:"mnuJobCommon",iconCls:"#PageWhiteAdd",text:"Create New Job",listeners:{click:{fn:function(item,e){setTabConfig({title: 'New Job', url:'welcome.htm', elementid: 'addeditjob', content: 'content'});}}}},{id:"ToolbarFill1",xtype:"tbfill"},{id:"InternalLink",iconCls:"#BookOpen",text:"Help"},{id:"tblsep3",xtype:"tbseparator"},{id:"changePassword",iconCls:"#Key",text:"Change Password",listeners:{click:{fn:function(item,e){setTabConfig({title: 'Change Password', url:'welcome.htm', elementid: 'changepassword', content: 'content'});}}}},{id:"tblsep1",xtype:"tbseparator"},{id:"signOut",iconCls:"#DoorOut",text:"Sign Out(email1@gmail.com)",listeners:{click:{fn:onSignoutClick}}}]}},{id:"tpMain",xtype:"tabpanel",margins:"0 0 4 0",region:"center",items:[{id:"Dashboard",border:false,cls:"content",loader:{loadMask:{showMask:true,msg:"Loading dashboard..."},renderer:"frame",url:"welcome.htm"},padding:10,style:"background:#f5f4f4",title:"My Dashboard",iconCls:"#ApplicationHome"}],activeTab:0},{id:"panelfooter",border:false,html:"<div class='footer'><div class='privacy'></div> <div class='appversion'></div></div>",region:"south"}],layout:"border"});Ext.net.ResourceMgr.registerIcon(["PageWhiteAdd","BookOpen","Key","DoorOut","ApplicationHome"]);});
    <META name=GENERATOR content="MSHTML 8.00.6001.23543"></HEAD>
    <SCRIPT language=javascript type=text/javascript>
        var expiryWind = null;
        var notification_test = null;
        var helpUrl = '/Home/OnlineHelpToDownload';
        var initialSessionTimeoutMessage = "You will be logged out of the system in <span id='sessionTimeoutCountdown'>30</span> seconds.  If you want to keep your session active Click OK.";
        var sessionTimeoutCountdownId = 'sessionTimeoutCountdown';
        var redirectAfter = 30; // number of seconds to wait before redirecting the user
        var running = false; // var to check if the countdown is running
        var timer2;
        var timeOut = false;
        var redirectTo = '/Login/Authenticate';
        var onSignoutClick = function (item, e) {
        function ShowPopUp(counter) {
        function PopupCenter(url, title, w, h) {
  4. #4
    This code sample looks strange.

    Is Ext.NET rendering the following line?
    <SCRIPT type=text/javascript src="Dashboard_files/ext.axd"></SCRIPT>
    Ext.NET and Ext JS are not supported in IE Compatibility mode, so you should switch that off.

    Are you testing in an IE8 simulator? What are your results if testing in a native machine running native IE8?

    You could also try setting RenderScripts="CDN" on the <ext:ResourceManager>. That will pull the .js files from the CDN, which could theoretically speed things up a little.

    You should also be using the HTML5 doctype.

    Why are all the tags in your sample rendered in FULL CAPS?

    Are you loading any other .js files into that page? Why is there that unrelated inline JavaScript rendered in the Page?

    Please provide us with the simplified code sample you used to generate this sample Page.
    Geoffrey McGill
    Founder & CEO

Similar Threads

  1. [CLOSED] IE11 Tool Tips
    By Kev in forum 2.x Premium Help
    Replies: 6
    Last Post: Jan 10, 2014, 11:20 AM
  2. Replies: 1
    Last Post: Jan 07, 2013, 1:34 PM
  3. [CLOSED] Chart: Tips Styling
    By cwolcott in forum 2.x Premium Help
    Replies: 4
    Last Post: Nov 14, 2012, 4:13 PM
  4. [RAZOR] How to add tips to chart
    By Natalie in forum 2.x Help
    Replies: 0
    Last Post: May 15, 2012, 3:20 PM
  5. Replies: 0
    Last Post: Nov 17, 2010, 8:39 AM

Tags for this Thread

Posting Permissions