title: Very technical- Modal takes time to load. How to reduce the load time?
body: <p>I have a file with a span "Click to open dialog". It opens the web page in modal view. The web page is mentioned in the url part below
  <code>var perlURL="..../cgi-bin/test/web_editor.pl";</code></p>
  
  <p>Please note that it is a perl file with grid data in it. So a lot of javascripts and data. </p>
  
  <p>My query is- when i click on the dialog "Click to open dialog", it takes around 7 minutes to load the entire perl file into the modal. </p>
  
  <p>can anyone share how can i reduce the loading time. If i use the basic html file, it loads instantaneously. However this perl file of 1200 lines of code, take 7 seconds to load in the modal. Please shed some light on how to improve loading time here. </p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;meta http-equiv="content-type" content="text/html; charset=UTF-8"&gt;
      &lt;script type='text/javascript' src='http://code.jquery.com/jquery-1.7.1.js'&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.js"&gt;&lt;/script&gt;
      &lt;link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.17/themes/base/jquery-ui.css"&gt;
  
      &lt;script&gt;
        $(function() {
          var dialogW = 1130;
          var dialogH = 700;
  
          $( "#dialog" ).dialog({
            autoOpen: false,
            modal: true,
            title: '',
            width: dialogW,
            height:dialogH,
            draggable: true,
            resizable: true
          });
  
          $( "#opener" ).click(function() {
            $("#dialog").html("&lt;span&gt;Loading...&lt;/span&gt;").dialog("open");
            var perlURL=".../test/web_editor.pl";
            $("#dialog").load(perlURL);
          });
        });
      &lt;/script&gt;
    &lt;/head&gt;
  
    &lt;body&gt;
      &lt;span style="cursor:pointer" id="opener" &gt;Click to Open Dialog &lt;/span&gt;
      &lt;div id="dialog" title=""&gt;  &lt;/div&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>