[Typo3] Tmenu Performance Issue

[Sandy Matheson]

We have had a number of complaints about the speed of out Typo3
website. On one particular page this has been resolved by removing the
horizontal cascading Tmenu. A page that was slow to render suddenly
became very fast. The Typoscript of the Tmenu is below. 

1. Is there a way of speeding this up?
2. Will more levels produce more overhead and therefore slower speed?

The difference in speed can be seen between the following two pages:
With Menu:
http://portsmouth.anglican.org/index.php?id=888
Without Menu
http://portsmouth.anglican.org/index.php?id=889


Than ks for any help,

Sandy Matheson



Typoscript for Horizontal menu:
## Setup for Main Menu
includeLibs.tmenu_layers = media/scripts/tmenu_layers.php

## Level 1 Menu
## Level 1 Menu
lib.top_menu_info = HMENU
lib.top_menu_info.entryLevel = 1
lib.top_menu_info.1 = TMENU_LAYERS
lib.top_menu_info.1 {
  lockPosition = x
  relativeToParentLayer=1
  relativeToTriggerItem=1
  topOffset=85
  leftOffset=-1
  xPosOffset = 10
  hideMenuWhenNotOver = 10
  hideMenuTimer = 50
    expAll=1
}


lib.top_menu_info.1.wrap = <table border=0 width=0
height=28px><tr>|</tr></table>
lib.top_menu_info.1.NO {
  allWrap = <td nowrap valign=top id="tmenuID{elementUid}"
style="border-left-width: 1; border-right: 1px solid #FFFFFF;
border-top-width: 1; border-bottom-width: 1" bgcolor="#FF9966"
align="center">|</td>
  linkWrap = <div class = "menulink">|</div>
  ATagBeforeWrap = 1
  RO=1
  RO_chBgColor = #804000 | #FF9966| tmenuID
  subst_elementUid = 1
  freezeMouseover = 1
}

lib.top_menu_info.1.SPC = 1
lib.top_menu_info.1.SPC {
  doNotShowLink = 0
  doNotLinkIt = 1
  allWrap = <td nowrap valign=top id="tmenuID{elementUid}"
style="border-left-width: 1; border-right: 1px solid #FFFFFF;
border-top-width: 1; border-bottom-width: 1" bgcolor="#FF9966"
align="center">|</td>
  linkWrap = <div class = "menulink">|</div>
  ATagBeforeWrap = 1
  RO=1
  RO_chBgColor = #804000 | #FF9966| tmenuID
  subst_elementUid = 1
  freezeMouseover = 1
}


lib.top_menu_info.1.ACT = 1
lib.top_menu_info.1.ACT {
  allWrap = <td nowrap valign=top id="tmenuID{elementUid}"
style="border-left-width: 1; border-right: 1px solid #FFFFFF;
border-top-width: 1; border-bottom-width: 1"
bgcolor="#804000"align="center">|</td>
  linkWrap = <div class = "menuselection">|</div>
  ATagBeforeWrap = 1
}

# Top Navigation 2nd Level
lib.top_menu_info.2 = TMENU_LAYERS
lib.top_menu_info.2 {
   layerStyle = position:absolute;VISIBILITY:hidden; 
   lockPosition = x
   relativeToParentLayer=1 
   relativeToTriggerItem=1
   hideMenuWhenNotOver=1 
   topOffset=0
   leftOffset=80 
   expAll=1  
}

lib.top_menu_info.2.wrap = <table border="0" cellpadding="0"
cellspacing="0" bgcolor="#FFFFFF">|</table>
lib.top_menu_info.2.NO {
  allWrap = <tr><td nowrap valign=top id="tmenuID{elementUid}"
bgcolor="#FF9966">|</td><tr>
  linkWrap = <div class = "menulink2">&gt;&nbsp;|</div>
  ATagBeforeWrap = 1
  RO=1
  RO_chBgColor = #804000 | #FF9966| tmenuID
  subst_elementUid = 1
  freezeMouseover = 1
}

lib.top_menu_info.2.SPC = 1
lib.top_menu_info.2.SPC < lib.top_menu_info.2.NO
lib.top_menu_info.2.SPC.doNotShowLink = 0
lib.top_menu_info.2.SPC.doNotLinkIt = 1

# Top Navigation 3rd Level
lib.top_menu_info.3 = TMENU_LAYERS
lib.top_menu_info.3 {
   layerStyle = position:absolute;VISIBILITY:hidden; 
   lockPosition = x
   relativeToParentLayer=1 
   relativeToTriggerItem=1
   hideMenuWhenNotOver=1 
   topOffset=0
   leftOffset=80 
   expAll=1  
}

lib.top_menu_info.3 < lib.top_menu_info.2
lib.top_menu_info.4 < lib.top_menu_info.2