Site slow In Internet Explorer

[Buzby]

I am finding that when the side navigation is clicked using Internet Explorer there is a delay before the page attempts to load. This does not happen though with Firefox or if any hard coded links are clicked.

Does anyone know what could be the cause?

Many thanks

Jason

[Duncan Rounding]

Which URL Jason?
And which version of IE and FF have you tried?

[Buzby]

The site is www.qualitysilver.co.uk

Internet Explorer version 6.02900.2180.xpsp_gr.050301-1519

Firefox Version 1.5.0.5

Kind regards

Jason

[NormanRouxel]

I see you're using my Collapso menu. Collapso uses the Actinic generated Act_section_tree.js file and yours is 187Kb (presumably because you have so many Sections on your site). This will only slow things down the first time a visitor enters, as this will be in the browsers cache for subsequent pages.

[Buzby]

Norman,

Is there any reason for the difference in loading times between the two browsers?

I have also noticed this problem when navigating the site when the menu should really have been cached.

I am interested in the menu that you e-mailed me about a few weeks back but am reluctant to break the site so close to Christmas.

Kind regards

Jason

[NormanRouxel]

I don't really see much difference between IE6 and Firefox 1.5.07.

I've also just done (half an hour ago as your site could do with it) an update to Collapso that will reduce the size of the section_tree files by about half.

Here is what to do.

Edit Act_Primary.html (back it up first)

Look for the line


<!--@act NETQUOTEVAR:SECTIONTREE_RAW -->


replace this with

NETQUOTEVAR:SECTIONTREE_NAMES
NETQUOTEVAR:SECTIONTREE_URLS

and look for the line

document.write(YahooSections(section_tree));

which should be changed to

document.write(YahooSections(section_tree_names, section_tree_URLs));

Edit collapso-4.js (back it up first) and replace from the line (inclusive)

function YahooSections(ar){

down to the end of the file with

function YahooSections(arN,arU){
  var strIDs = '<table class="toptable" width="100%" cellpadding="0" cellspacing="0" border="0">';
  for (var i=0; i < arN.length; i++)
    {  // main FOR
    var covspace = i == 0 ? '' : cobetween;
    if (arN[i+1].pChild)
      {   // top has CHILD
      strIDs += '<tr id="Item' + i + '" class="showObject"><td>' + covspace;
      if ( iconactive )
        {
        ls = '';
        l1 = '<a href="javascript:showSubMenu(' + i + ')">' + topwithchildclosed + '</a>';
        l2 = '<a href="' + arU[i+1].sURL + '"><span class="topclosed">' + arN[i+1].sName + '</span></a>';
        le = '';  
        }
      else
        {
        ls = '<a href="javascript:showSubMenu(' + i + ')">';
        l1 = topwithchildclosed;
        l2 = '<span class="topclosed">' + arN[i+1].sName + '</span>';
        le = '</a>';
        }
      strIDs += iconfirst ? ls + l1 + iconseparator + l2 + le : ls + l2 + iconseparator + l1 + le;   
      strIDs + '</td></tr>';

      strIDs += '<tr id="Header' + i + '" class="hideObject"><td>' + covspace + '';
      if ( iconactive )
        {
        ls = '';
        l1 = '<a href="javascript:hideSubMenu(' + i + ')">' + topwithchildopen + '</a>';
        l2 = '<a href="' + arU[i+1].sURL + '"><span class="topopen">' + arN[i+1].sName + '</span></a>'; 
        le = '';  
        }
      else
        {
        ls = '<a href="javascript:hideSubMenu(' + i + ')">';
        l1 =  topwithchildopen;
        l2 = '<span class="topopen">' + arN[i+1].sName + '</span>'; 
        le = '</a>';  
        }
      strIDs += iconfirst ? ls + l1 + iconseparator + l2 + le : ls + l2 + iconseparator + l1 + le;   
      strIDs += '</td></tr>';

      strIDs += '<tr id="SubMenu' + i + '" class="hideObject">'
                + '<td><table class="subtable" width="100%" cellpadding="0" cellspacing="0" border="0">';

      for (var j=1; j <= arN[i+1].pChild.length; j++)
        {  // each CHILD
        var subcovspace = j == 1 ? '' : subcobetween;
        if (arN[i+1].pChild[j].pChild)
          {    // child has SUB
          strIDs += '<tr id="SubItem' + i + '-' + j + '" class="showObject"><td>' + coindent;
          if ( iconactive )
            {
            ls = '';
            l1= '<a href="javascript:showSubSubMenu(' + i + ',' + j + ')">' + subwithchildclosed + '</a>';
            l2 = '<a href="' + arU[i+1].pChild[j].sURL + '"><span class="subtopclosed">' + arN[i+1].pChild[j].sName + '</span></a>';
            le = '';
            }
          else
            {
            ls = '<a href="javascript:showSubSubMenu(' + i + ',' + j + ')">';
            l1=  subwithchildclosed;
            l2 = '<span class="subtopclosed">' + arN[i+1].pChild[j].sName + '</span>';
            le = '</a>';
            } 
          strIDs += iconfirst ? ls + l1 + iconseparator + l2 + le : ls + l2 + iconseparator + l1 + le;   
	  strIDs += '</td></tr>';

          strIDs += '<tr id="SubHeader' + i + '-' + j + '" class="hideObject"><td>' + subcovspace + coindent
          if ( iconactive )
            {
            ls = '';
            l1 = '<a href="javascript:hideSubSubMenu(' + i + ',' + j + ')">' + subwithchildopen + '</a>';
            l2 = '<a href="' + arU[i+1].pChild[j].sURL + '"><span class="subtopopen">' + arN[i+1].pChild[j].sName + '</span></a>';
            le = ''; 
            }
          else
            {
            ls = '<a href="javascript:hideSubSubMenu(' + i + ',' + j + ')">';
            l1 = subwithchildopen;
            l2 = '<span class="subtopopen">' + arN[i+1].pChild[j].sName + '</span>';
            le = '</a>'; 
            }
          strIDs += iconfirst ? ls + l1 + iconseparator + l2 + le : ls + l2 + iconseparator + l1 + le;   
	  strIDs += '</td></tr>';

          strIDs += '<tr id="SubSubMenu' + i + '-' + j + '" class="hideObject">'
                    + '<td><table class="subsubtable" width="100%" cellpadding="0" cellspacing="0" border="0">';
          for (var k=1; k <= arN[i+1].pChild[j].pChild.length; k++)
            {    // each SUB SUB
            if (arN[i+1].pChild[j].pChild[k].pChild)
              {
              strIDs += '<tr><td>' + subcoindent + '<a href="' + arU[i+1].pChild[j].pChild[k].sURL + '">'
                        + '<span class="subsubwchild">' + arN[i+1].pChild[j].pChild[k].sName + subsubwithchild + '</span></a></td></tr>';
              }
            else
              {
              strIDs += '<tr><td>' + subcoindent + '<a href="' + arU[i+1].pChild[j].pChild[k].sURL + '">'
                        + '<span class="subsubnochild">' + arN[i+1].pChild[j].pChild[k].sName + subsubwithnochild + '</span></a></td></tr>';
              }
            }     // each SUB SUB
          strIDs += '</table>' + subsubend + '</td></tr>';
          }    // child has SUB
        else
          {    // child has SUB
          strIDs += '<tr id="SubItem' + j + '"><td>' + coindent; 
          l1 = subwithnochild; 
          l2 = '<a href="' + arU[i+1].pChild[j].sURL + '"><span class="subnochild">' + arN[i+1].pChild[j].sName + '</span></a>'
          strIDs += iconfirst ? l1 + iconseparator + l2 : l2 + iconseparator + l1;   
          strIDs += '</td></tr>';
          }    // child has SUB
        }  // each CHILD
      strIDs += '</table>' + subend + '</td></tr>';
      }   // top has CHILD
    else
      {   // top has CHILD
      strIDs += '<tr id="Item' + i + '" class="showObject"><td>' + covspace
      l1 = topwithnochild; 
      l2 = '<a href="' + arU[i+1].sURL + '"><span class="topnochild">'+ arN[i+1].sName + '</span></a>'
      strIDs += iconfirst ? l1 + iconseparator + l2 : l2 + iconseparator + l1;   
      strIDs += '</td></tr>';
      }   // top has CHILD
    strIDs += '</tr>'
    }  // main FOR
  strIDs += '</table>';
  return strIDs;
}
// author - see www.drillpine.biz/actinicstuff
// END Collapsing Menu Replacement for YahooSections

Email me and I'll send you the full copy of the updated patch.

[Buzby]

Many thanks Norman,

I did e-mail you yesterday but haven't heard from you.

If you didn't receive it you can e-mail me on sales(AT)qualitysilver.co.uk

Many thanks

Jason

[Buzby]

I have now made the changes.

As you say the original menu was 187kb, could you possibly tell me the url that I need in order to check the size?

Many thanks for your support Norman.

Kind regards

Jason

[NormanRouxel]

There are now 2 files involved

http://www.qualitysilver.co.uk/acata..._tree_names.js 32.2Kb

and

http://www.qualitysilver.co.uk/acata...n_tree_URLs.js 66.7 Kb so you've halved the file size.

[Buzby]

Many thanks Norman.

Kind regards

Jason