rhyno99
asked on
php: print, include, or neither to save loading time
Hello Experts,
I have a rather lengthy menu bar that is included on a template for every page of my website. I am trying to see if there is a way to cut down loading time by making the menu an external file and using php include(). Would it be best to include as a .html or as a .php file? I am assuming that if I choose the .php file option, I will need to use print. Any other suggestions for a faster loading of this part of the my template would be very appreciated.
Thanks,
rhyno99
Below is the menu html.
<div class="textBox2">
<div id="grades">
<!--<a href="../index.html"><div class="menuButton"id="home ">Home</di v></a>-->
<div class="menuButton"id="hide showWelcom e">Home</d iv>
<div class="menuButton"id="hide showk-2">G rades K-2</div>
<div class="menuButton"id="hide show3-5">G rades 3-5</div>
<div class="menuButton"id="hide show6-8">G rades 6-8</div>
<div class="menuButton"id="hide show9-12"> Grades 9-12</div>
</div>
</div>
<div class="textBox2">
<div id="welcome" class="outer_menu_div">
<div class="inner_menu_div">
<div class="menuBar2" id="mHomeAnswersParent">
Answers</div>
<div id="mHomeAnswersChild" class="homeTable">
<!-- <h3><a href="../all-answers.html" >All Science Answers</a></h3>-->
<h3><a href="../astronomy-answers .html">Ast ronomy Answers</a></h3>
<h3><a href="../biology-answers.h tml">Biolo gy Answers</a></h3>
<h3><a href="../chemistry-answers .html">Che mistry Answers</a></h3>
<h3><a href="../earth-science-ans wers.html" >Earth Science Answers</a></h3>
<h3><a href="../physics-answers.h tml">Physi cs Answers</a></h3>
<!--<h3><a href="../human-biology-ans wers.html" >Human Biology Answers</a></h3>-->
</div>
</div>
<div class="inner_menu_div">
<div class="menuBar2" id="mHomeGamesParent">Game s</div>
<div id="mHomeGamesChild" class="homeTable">
<h3><a href="../all-games.html">S cience Games</a></h3>
</div>
</div>
<div class="inner_menu_div">
<div class="menuBar2" id="mHomeActivitiesParent" >Activitie s</div>
<div id="mHomeActivitiesChild" class="homeTable">
<h3><a href="../all-activities.ht ml">Scienc e Activities</a></h3>
</div>
</div>
<div class="inner_menu_div">
<div class="menuBar2" id="mHomeWorksheetsParent" >Worksheet s</div>
<div id="mHomeWorksheetsChild" class="homeTable">
<h3><a href="../all-worksheets.ht ml">Scienc e Worksheets</a></h3>
</div>
</div>
<div class="inner_menu_div">
<div class="menuBar2" id="mHomeLinksParent">Link s</div>
<div id="mHomeLinksChild" class="homeTable">
<h3><a href="../all-links.html">S cience Links</a></h3>
</div>
</div>
</div>
<div id="catk-2" class="outer_menu_div">
<div class="inner_menu_div">
<div id="mk-2ObservationParent" class="men uBar2">Obs ervation</ div>
<div id="mk-2ObservationChild" class="k-2Table">
<h3><a href="../K-2/observation/w ater-and-i ce.html">W ater and Ice</a></h3>
<h3><a href="../K-2/observation/r ocks-and-s and.html"> Rocks and Sand</a></h3>
<h3><a href="../K-2/observation/s un-and-wea ther.html" >Sun and Weather</a></h3>
<h3><a href="../K-2/observation/f orce-and-m otion.html ">Force and Motion</a></h3>
<h3><a href="../K-2/observation/y our-body.h tml">Your Body</a></h3>
</div>
</div>
<div class="inner_menu_div">
<div id="mk-2SortingParent" class="menuBar2">Sorting</ div>
<div id="mk-2SortingChild" class="k-2Table">
<h3><a href="../K-2/sorting/group ing-object s.html">Gr ouping Objects</a></h3>
<h3><a href="../K-2/sorting/sorti ng-rocks.h tml">Sorti ng Rocks</a></h3>
<h3><a href="../K-2/sorting/alive -and-not.h tml">Natur e and Not</a></h3>
</div>
</div>
<div class="inner_menu_div">
<div id="mk-2SystemsParent" class="menuBar2">Systems</ div>
<div id="mk-2SystemsChild" class="k-2Table">
<h3><a href="../K-2/systems/livin g-systems. html">Livi ng Systems</a></h3>
<h3><a href="../K-2/systems/nonli ving-syste ms.html">N on-Living Systems</a></h3>
</div>
</div>
<div class="inner_menu_div">
<div id="mk-2LivingParent" class="menuBar2">Living Things</div>
<div id="mk-2LivingChild" class="k-2Table">
<h3><a href="../K-2/living/life-c ycle.html" >Life Cycle</a></h3>
<h3><a href="../K-2/living/plants .html">Pla nts</a></h 3>
<h3><a href="../K-2/living/animal s.html">An imals</a>< /h3>
<h3><a href="../K-2/living/insect s.html">In sects</a>< /h3>
<h3><a href="../K-2/living/fossil s.html">Fo ssils</a>< /h3>
</div>
</div>
<div class="inner_menu_div">
<div id="mk-2ExperimentsParent" class="menuBar2">Experimen ts</div>
<div id="mk-2ExperimentsChild" class="k-2Table">
<h3><a href="">Scientific Method</a></h3>
<h3><a href="">Science Fair</a></h3>
<h3><a href="">Safety</a></h3>
</div>
</div>
</div>
<div id="cat3-5" class="outer_menu_div">
<div class="inner_menu_div">
<div id="m3-5SpaceParent" class="menuBar2">Space</di v>
<div id="m3-5SpaceChild" class="three-5Table">
<h3><a href="../3-5/astronomy/sun .html">Sun </a></h3>
<h3><a href="../3-5/astronomy/moo n.html">Mo on</a></h3 >
<h3><a href="../3-5/astronomy/sta rs.html">S tars</a></ h3>
<h3><a href="../3-5/astronomy/pla nets.html" >Planets</ a></h3>
<h3><a href="../3-5/astronomy/spa ce.html">S pace</a></ h3>
</div>
</div>
<div class="inner_menu_div">
<div id="m3-5LifeParent" class="menuBar2">Life Science</div>
<div id="m3-5LifeChild" class="three-5Table">
<h3><a href="../3-5/biology/livin g.html">Al ive/Not Alive</a></h3>
<h3><a href="../3-5/biology/lifec ycle.html" >Life Cycle</a></h3>
<h3><a href="../3-5/biology/group ing.html"> Grouping and Sorting</a></h3>
<h3><a href="../3-5/biology/adapt ations.htm l">Adaptat ions</a></ h3>
<h3><a href="../3-5/biology/foodw eb.html">F ood Web</a></h3>
<h3><a href="../3-5/biology/hered ity.html"> Heredity</ a></h3>
<h3><a href="../3-5/biology/cells .html">Cel ls</a></h3 >
</div>
</div>
<div class="inner_menu_div">
<div id="m3-5ChemParent" class="menuBar2">Chemistry </div>
<div id="m3-5ChemChild" class="three-5Table">
<h3><a href="../3-5/chemistry/str uctureofma tter.html" >Matter and Elements</a></h3>
<h3><a href="../3-5/chemistry/sta tesofmatte r.html">St ates of Matter</a></h3>
<h3><a href="../3-5/chemistry/con servation. html">Cons ervation of Matter and Energy</a></h3>
</div>
</div>
<div class="inner_menu_div">
<div id="m3-5EarthParent" class="menuBar2">Earth Science</div>
<div id="m3-5EarthChild" class="three-5Table">
<h3><a href="../3-5/earth/watercy cle.html"> Water Cycle</a></h3>
<h3><a href="../3-5/earth/weather .html">Wea ther</a></ h3>
<h3><a href="../3-5/earth/rocks.h tml">Rocks </a></h3>
<h3><a href="../3-5/earth/soil.ht ml">Soil</ a></h3>
<h3><a href="../3-5/earth/landfor ms.html">L andforms</ a></h3>
<h3><a href="../3-5/earth/erosion .html">Ero sion</a></ h3>
<h3><a href="../3-5/earth/weather ing.html"> Weathering </a></h3>
<h3><a href="../3-5/earth/disaste rs.html">N atural Disasters</a></h3>
<h3><a href="../3-5/earth/fossils .html">Fos sils</a></ h3>
</div>
</div>
<div class="inner_menu_div">
<div id="m3-5PhysicsParent" class="menuBar2">Energy/Mo tion</div>
<div id="m3-5PhysicsChild" class="three-5Table">
<h3><a href="../3-5/physics/forms -of-energy .html">For ms of Energy</a></h3>
<h3><a href="../3-5/physics/force -and-motio n.html">Fo rce and Motion</a></h3>
<h3><a href="../3-5/physics/simpl emachines. html">Simp le Machines</a></h3>
</div>
</div>
<div class="inner_menu_div">
<div id="m3-5HumanParent" class="menuBar2">Human Body</div>
<div id="m3-5HumanChild" class="three-5Table">
<h3><a href="../3-5/humanbiology/ skeletal.h tml">Skele tal System</a></h3>
<h3><a href="../3-5/humanbiology/ muscular.h tml">Muscu lar System</a></h3>
<h3><a href="../3-5/humanbiology/ digestive. html">Dige stive System</a></h3>
<h3><a href="../3-5/humanbiology/ respitory. html">Resp itory System</a></h3>
<h3><a href="../3-5/humanbiology/ nervous.ht ml">Nervou s System</a></h3>
<h3><a href="../3-5/humanbiology/ cardiovasc ular.htm"> Cardiovasc ular</a></ h3>
</div>
</div>
<!--<div class="inner_menu_div">
<div class="menuBar2">Experimen ts</div>
<ul>
<li class="3-5Table"><h4>
<a href="../3-5/scientificmet hod/scient ificmethod .html">Sci entific Method</a></h4></li>
<li class="3-5Table"><h4><a href="#">Experiments</a></ h4></li>
<li class="3-5Table"><h4>
<a href="../3-5/scientificmet hod/scienc efair.html ">Science Fair</a></h4></li>
<li class="3-5Table"><h4><a href="#">Challenges</a></h 4></li>
</ul>
</div>-->
</div>
<div id="cat6-8" class="outer_menu_div">
<div class="inner_menu_div">
<div id="m6-8AstroParent" class="menuBar2">Astronomy </div>
<div id="m6-8AstroChild" class="six-8Table">
<h3><a href="../6-8/astronomy/sun .html">The Sun</a></h3>
<h3><a href="../6-8/astronomy/moo n.html">Th e Moon</a></h3>
<h3><a href="../6-8/astronomy/pla nets.html" >Planets</ a></h3>
<h3><a href="../6-8/astronomy/orb itpatterns .html">Orb it Patterns</a></h3>
<h3><a href="../6-8/astronomy/ast eroids.htm l">Asteroi ds</a></h3 >
<h3><a href="../6-8/astronomy/met eors.html" >Meteors</ a></h3>
<h3><a href="../6-8/astronomy/com ets.html"> Comets</a> </h3>
<h3><a href="../6-8/astronomy/siz eanddistan ce.html">S ize and Distance</a></h3>
</div>
</div>
<div class="inner_menu_div">
<div id="m6-8BioParent" class="menuBar2">Biology</ div>
<div id="m6-8BioChild" class="six-8Table">
<h3><a href="../6-8/biology/class ification. html">Clas sification </a></h3>
<h3><a href="../6-8/biology/foodw eb.html">F ood Web</a></h3>
<h3><a href="../6-8/biology/cells .html">Cel ls</a></h3 >
<h3><a href="../6-8/biology/hered ity.html"> Heredity</ a></h3>
<h3><a href="../6-8/biology/evolu tion.html" >Evolution </a></h3>
</div>
</div>
<div class="inner_menu_div">
<div id="m6-8ChemParent"class=" menuBar2"> Chemistry< /div>
<div id="m6-8ChemChild" class="six-8Table">
<h3><a href="../6-8/chemistry/pro perties-of -matter.ht ml">Proper ties of Matter</a></h3>
<h3><a href="../6-8/chemistry/mat ter-and-el ements.htm l">Matter and Elements</a></h3>
<h3><a href="../6-8/chemistry/mix tures-and- solutions. html">Mixt ures and Solutions</a></h3>
</div>
</div>
<div class="inner_menu_div">
<div id="m6-8EarthParent"class= "menuBar2" >Earth Science</div>
<div id="m6-8EarthChild" class="six-8Table">
<h3><a href="../6-8/earth/propert ies-of-ear th-materia ls.html">
Properties of Earth Materials</a></h3>
<h3><a href="../6-8/earth/layers- of-the-ear th.html">L ayers of the Earth</a></h3>
<h3><a href="../6-8/earth/formati on-erosion -weatherin g.html">
Formation, Erosion, and Weathering</a></h3>
<h3><a href="../6-8/earth/fossils -and-earth -history.h tml">Fossi ls and Earth's History</a></h3>
<h3><a href="../6-8/earth/hydrosp here-and-a tmosphere. html">Hydr osphere and Atmosphere</a></h3>
</div>
</div>
<div class="inner_menu_div">
<div id="m6-8PhysicsParent" class="menuBar2">Physics</ div>
<div id="m6-8PhysicsChild" class="six-8Table">
<h3><a href="../6-8/physics/force -and-motio n.html">Fo rce and Motion</a></h3>
<h3><a href="../6-8/physics/light -energy.ht ml">Light Energy</a></h3>
<h3><a href="../6-8/physics/sound -energy.ht ml">Sound Energy</a></h3>
<h3><a href="../6-8/physics/heat- energy.htm l">Heat Energy</a></h3>
<h3><a href="../6-8/physics/motio n-energy.h tml">Motio n Energy</a></h3>
<h3><a href="../6-8/physics/elect rical-ener gy.html">E lectrical Energy</a></h3>
<h3><a href="../6-8/physics/chemi cal-energy .html">Che mical Energy</a></h3>
<h3><a href="../6-8/physics/energ y-transfer s-and-tran sformation .html">
Energy Transfer and Transformation</a></h3>
<h3><a href="../6-8/physics/simpl e-machines .html">Sim ple Machines</a></h3>
<h3><a href="../6-8/physics/wave- behavior.h tml">Wave Behavior</a></h3>
</div>
</div>
<div class="inner_menu_div">
<div id="m6-8HumanParent" class="menuBar2">Human Biology</div>
<div id="m6-8HumanChild" class="six-8Table">
<h3><a href="#">Components of Organ Systems</a></h3>
<h3><a href="#">Relationships Between Human Systems</a></h3>
<h3><a href="#">Comparison between Human and non Human Systems</a></h3>
</div>
</div>
<!--<div class="inner_menu_div">
<div class="menuBar2">Experimen ts</div>
<div class="6-8Table"><h4><a href="#">Science Fair</a></h4></div>
<div class="6-8Table"><h4><a href="#">Questions</a></h4 ></div>
<div class="6-8Table"><h4><a href="#">Predictions</a></ h4></div>
</div>-->
</div>
<div id="cat9-12" class="outer_menu_div">
<div class="inner_menu_div">
<div id="m9-12AstroParent" class="menuBar2">Astronomy </div>
<div id="m9-12AstroChild" class="nine-12Table">
<h3><a href="../9-12/astronomy/co mponents-o f-the-sola r-system-a nd-beyond. html">
Components of the Solar System and Beyond</a></h3>
<h3><a href="../9-12/astronomy/in teractions -in-the-so lar-system -and-beyon d.html">
Interactions in the Solar Sytem</a></h3>
<h3><a href="../9-12/astronomy/in teractions -in-the-so lar-system -and-beyon d.html">
Interactions Beyond the Solar System</a></h3>
</div>
</div>
<div class="inner_menu_div">
<div id="m9-12BioParent" class="menuBar2">Biology</ div>
<div id="m9-12BioChild" class="nine-12Table">
<h3><a href="../9-12/biology/char acteristic s-of-livin g-matter.h tml">
Characteristics of Living Matter</a></h3>
<h3><a href="../9-12/biology/life -proceesse s-and-the- flow-of-ma tter-and-e nergy.html ">
Life Processes and the Flow of Energy and Matter</a></h3>
<h3><a href="../9-12/biology/biol ogical-evo lution.htm l">Biologi cal Evolution</a></h3>
<h3><a href="../9-12/biology/inte rdependenc e-of-life. html">Inte rdependenc e of Life</a></h3>
<h3><a href="../9-12/biology/mole cular-basi s-of-hered ity.html"> Molecular Basis of Heredity</a></h3>
<h3><a href="../9-12/biology/stru cture-and- organizati on-of-livi ng-systems .html">
Structure and Organization of Living Systems</a></h3>
<h3><a href="../9-12/biology/huma n-biology. html">Huma n Biology</a></h3>
</div>
</div>
<div class="inner_menu_div">
<div id="m9-12ChemParent" class="menuBar2">Chemistry </div>
<div id="m9-12ChemChild" class="nine-12Table">
<h3><a href="../9-12/chemistry/pr operties-o f-substanc es.html">P roperties of Substances</a></h3>
<h3><a href="../9-12/chemistry/co nservation -of-matter -and-energ y.html">
Conservation of Matter and Energy</a></h3>
<h3><a href="../9-12/chemistry/st ructure-of -matter.ht ml">Struct ure of Matter</a></h3>
</div>
</div>
<div class="inner_menu_div">
<div id="m9-12EarthParent" class="menuBar2">Earth Science</div>
<div id="m9-12EarthChild" class="nine-12Table">
<h3><a href="../9-12/earth/nature -and-prope rties-of-e arth-mater ials.html" >
Nature and Properties of Earth Materials</a></h3>
<h3><a href="../9-12/earth/proces ses-and-in teractions -in-the-ea rth-system .html">
Processes and Interactions in Earth Systems</a></h3>
<h3><a href="../9-12/earth/histor y-and-evol ution-of-t he-earth.h tml">
History and Evolution of the Earth</a></h3>
<h3><a href="../9-12/earth/hydros phere-and- atmosphere .html">
Hydrosphere and Atmosphere</a></h3>
<h3><a href="../9-12/earth/compon ents-and-p atterns-of -earth-sys tems.html" >
Components and Patterns of Earth Systems</a></h3>
</div>
</div>
<div class="inner_menu_div">
<div id="m9-12PhysicsParent" class="menuBar2">Physics</ div>
<div id="m9-12PhysicsChild" class="nine-12Table">
<h3><a href="../9-12/physics/wave -behavior. html">Wave Behavior</a></h3>
<h3><a href="../9-12/physics/moti on-of-obje cts.html"> Motion of Objects</a></h3>
<h3><a href="../9-12/physics/form s-of-energ y.html">Fo rms of Energy</a></h3>
<h3><a href="../9-12/physics/natu re-of-forc e.html">Na ture of Force</a></h3>
<h3><a href="../9-12/physics/forc es-to-expl ain-motion .html">For ces to Explain Motion</a></h3>
<h3><a href="../9-12/physics/ener gy-transfe r-and-tran sformation .html">
Energy Transfer and Transformation</a></h3>
<h3><a href="#">Systems Structure</a></h3>
</div>
</div>
<div class="inner_menu_div">
<div id="m9-12HumanParent" class="menuBar2">Human Biology</div>
<div id="m9-12HumanChild" class="nine-12Table">
<h3><a href="#">Analyze how Systems Regulate Growth</a></h3>
<h3><a href="#">How Human Systems Develop</a></h3>
<h3><a href="#">How Human Organs Regulate Life Functions</a></h3>
</div>
</div><!--Place SS Ad between two of these divs for a right side 160x600 Ad-->
</div><!--these two divs close the menubar-->
</div>
I have a rather lengthy menu bar that is included on a template for every page of my website. I am trying to see if there is a way to cut down loading time by making the menu an external file and using php include(). Would it be best to include as a .html or as a .php file? I am assuming that if I choose the .php file option, I will need to use print. Any other suggestions for a faster loading of this part of the my template would be very appreciated.
Thanks,
rhyno99
Below is the menu html.
<div class="textBox2">
<div id="grades">
<!--<a href="../index.html"><div class="menuButton"id="home
<div class="menuButton"id="hide
<div class="menuButton"id="hide
<div class="menuButton"id="hide
<div class="menuButton"id="hide
<div class="menuButton"id="hide
</div>
</div>
<div class="textBox2">
<div id="welcome" class="outer_menu_div">
<div class="inner_menu_div">
<div class="menuBar2" id="mHomeAnswersParent">
Answers</div>
<div id="mHomeAnswersChild" class="homeTable">
<!-- <h3><a href="../all-answers.html"
<h3><a href="../astronomy-answers
<h3><a href="../biology-answers.h
<h3><a href="../chemistry-answers
<h3><a href="../earth-science-ans
<h3><a href="../physics-answers.h
<!--<h3><a href="../human-biology-ans
</div>
</div>
<div class="inner_menu_div">
<div class="menuBar2" id="mHomeGamesParent">Game
<div id="mHomeGamesChild" class="homeTable">
<h3><a href="../all-games.html">S
</div>
</div>
<div class="inner_menu_div">
<div class="menuBar2" id="mHomeActivitiesParent"
<div id="mHomeActivitiesChild" class="homeTable">
<h3><a href="../all-activities.ht
</div>
</div>
<div class="inner_menu_div">
<div class="menuBar2" id="mHomeWorksheetsParent"
<div id="mHomeWorksheetsChild" class="homeTable">
<h3><a href="../all-worksheets.ht
</div>
</div>
<div class="inner_menu_div">
<div class="menuBar2" id="mHomeLinksParent">Link
<div id="mHomeLinksChild" class="homeTable">
<h3><a href="../all-links.html">S
</div>
</div>
</div>
<div id="catk-2" class="outer_menu_div">
<div class="inner_menu_div">
<div id="mk-2ObservationParent"
<div id="mk-2ObservationChild" class="k-2Table">
<h3><a href="../K-2/observation/w
<h3><a href="../K-2/observation/r
<h3><a href="../K-2/observation/s
<h3><a href="../K-2/observation/f
<h3><a href="../K-2/observation/y
</div>
</div>
<div class="inner_menu_div">
<div id="mk-2SortingParent" class="menuBar2">Sorting</
<div id="mk-2SortingChild" class="k-2Table">
<h3><a href="../K-2/sorting/group
<h3><a href="../K-2/sorting/sorti
<h3><a href="../K-2/sorting/alive
</div>
</div>
<div class="inner_menu_div">
<div id="mk-2SystemsParent" class="menuBar2">Systems</
<div id="mk-2SystemsChild" class="k-2Table">
<h3><a href="../K-2/systems/livin
<h3><a href="../K-2/systems/nonli
</div>
</div>
<div class="inner_menu_div">
<div id="mk-2LivingParent" class="menuBar2">Living Things</div>
<div id="mk-2LivingChild" class="k-2Table">
<h3><a href="../K-2/living/life-c
<h3><a href="../K-2/living/plants
<h3><a href="../K-2/living/animal
<h3><a href="../K-2/living/insect
<h3><a href="../K-2/living/fossil
</div>
</div>
<div class="inner_menu_div">
<div id="mk-2ExperimentsParent"
<div id="mk-2ExperimentsChild" class="k-2Table">
<h3><a href="">Scientific Method</a></h3>
<h3><a href="">Science Fair</a></h3>
<h3><a href="">Safety</a></h3>
</div>
</div>
</div>
<div id="cat3-5" class="outer_menu_div">
<div class="inner_menu_div">
<div id="m3-5SpaceParent" class="menuBar2">Space</di
<div id="m3-5SpaceChild" class="three-5Table">
<h3><a href="../3-5/astronomy/sun
<h3><a href="../3-5/astronomy/moo
<h3><a href="../3-5/astronomy/sta
<h3><a href="../3-5/astronomy/pla
<h3><a href="../3-5/astronomy/spa
</div>
</div>
<div class="inner_menu_div">
<div id="m3-5LifeParent" class="menuBar2">Life Science</div>
<div id="m3-5LifeChild" class="three-5Table">
<h3><a href="../3-5/biology/livin
<h3><a href="../3-5/biology/lifec
<h3><a href="../3-5/biology/group
<h3><a href="../3-5/biology/adapt
<h3><a href="../3-5/biology/foodw
<h3><a href="../3-5/biology/hered
<h3><a href="../3-5/biology/cells
</div>
</div>
<div class="inner_menu_div">
<div id="m3-5ChemParent" class="menuBar2">Chemistry
<div id="m3-5ChemChild" class="three-5Table">
<h3><a href="../3-5/chemistry/str
<h3><a href="../3-5/chemistry/sta
<h3><a href="../3-5/chemistry/con
</div>
</div>
<div class="inner_menu_div">
<div id="m3-5EarthParent" class="menuBar2">Earth Science</div>
<div id="m3-5EarthChild" class="three-5Table">
<h3><a href="../3-5/earth/watercy
<h3><a href="../3-5/earth/weather
<h3><a href="../3-5/earth/rocks.h
<h3><a href="../3-5/earth/soil.ht
<h3><a href="../3-5/earth/landfor
<h3><a href="../3-5/earth/erosion
<h3><a href="../3-5/earth/weather
<h3><a href="../3-5/earth/disaste
<h3><a href="../3-5/earth/fossils
</div>
</div>
<div class="inner_menu_div">
<div id="m3-5PhysicsParent" class="menuBar2">Energy/Mo
<div id="m3-5PhysicsChild" class="three-5Table">
<h3><a href="../3-5/physics/forms
<h3><a href="../3-5/physics/force
<h3><a href="../3-5/physics/simpl
</div>
</div>
<div class="inner_menu_div">
<div id="m3-5HumanParent" class="menuBar2">Human Body</div>
<div id="m3-5HumanChild" class="three-5Table">
<h3><a href="../3-5/humanbiology/
<h3><a href="../3-5/humanbiology/
<h3><a href="../3-5/humanbiology/
<h3><a href="../3-5/humanbiology/
<h3><a href="../3-5/humanbiology/
<h3><a href="../3-5/humanbiology/
</div>
</div>
<!--<div class="inner_menu_div">
<div class="menuBar2">Experimen
<ul>
<li class="3-5Table"><h4>
<a href="../3-5/scientificmet
<li class="3-5Table"><h4><a href="#">Experiments</a></
<li class="3-5Table"><h4>
<a href="../3-5/scientificmet
<li class="3-5Table"><h4><a href="#">Challenges</a></h
</ul>
</div>-->
</div>
<div id="cat6-8" class="outer_menu_div">
<div class="inner_menu_div">
<div id="m6-8AstroParent" class="menuBar2">Astronomy
<div id="m6-8AstroChild" class="six-8Table">
<h3><a href="../6-8/astronomy/sun
<h3><a href="../6-8/astronomy/moo
<h3><a href="../6-8/astronomy/pla
<h3><a href="../6-8/astronomy/orb
<h3><a href="../6-8/astronomy/ast
<h3><a href="../6-8/astronomy/met
<h3><a href="../6-8/astronomy/com
<h3><a href="../6-8/astronomy/siz
</div>
</div>
<div class="inner_menu_div">
<div id="m6-8BioParent" class="menuBar2">Biology</
<div id="m6-8BioChild" class="six-8Table">
<h3><a href="../6-8/biology/class
<h3><a href="../6-8/biology/foodw
<h3><a href="../6-8/biology/cells
<h3><a href="../6-8/biology/hered
<h3><a href="../6-8/biology/evolu
</div>
</div>
<div class="inner_menu_div">
<div id="m6-8ChemParent"class="
<div id="m6-8ChemChild" class="six-8Table">
<h3><a href="../6-8/chemistry/pro
<h3><a href="../6-8/chemistry/mat
<h3><a href="../6-8/chemistry/mix
</div>
</div>
<div class="inner_menu_div">
<div id="m6-8EarthParent"class=
<div id="m6-8EarthChild" class="six-8Table">
<h3><a href="../6-8/earth/propert
Properties of Earth Materials</a></h3>
<h3><a href="../6-8/earth/layers-
<h3><a href="../6-8/earth/formati
Formation, Erosion, and Weathering</a></h3>
<h3><a href="../6-8/earth/fossils
<h3><a href="../6-8/earth/hydrosp
</div>
</div>
<div class="inner_menu_div">
<div id="m6-8PhysicsParent" class="menuBar2">Physics</
<div id="m6-8PhysicsChild" class="six-8Table">
<h3><a href="../6-8/physics/force
<h3><a href="../6-8/physics/light
<h3><a href="../6-8/physics/sound
<h3><a href="../6-8/physics/heat-
<h3><a href="../6-8/physics/motio
<h3><a href="../6-8/physics/elect
<h3><a href="../6-8/physics/chemi
<h3><a href="../6-8/physics/energ
Energy Transfer and Transformation</a></h3>
<h3><a href="../6-8/physics/simpl
<h3><a href="../6-8/physics/wave-
</div>
</div>
<div class="inner_menu_div">
<div id="m6-8HumanParent" class="menuBar2">Human Biology</div>
<div id="m6-8HumanChild" class="six-8Table">
<h3><a href="#">Components of Organ Systems</a></h3>
<h3><a href="#">Relationships Between Human Systems</a></h3>
<h3><a href="#">Comparison between Human and non Human Systems</a></h3>
</div>
</div>
<!--<div class="inner_menu_div">
<div class="menuBar2">Experimen
<div class="6-8Table"><h4><a href="#">Science Fair</a></h4></div>
<div class="6-8Table"><h4><a href="#">Questions</a></h4
<div class="6-8Table"><h4><a href="#">Predictions</a></
</div>-->
</div>
<div id="cat9-12" class="outer_menu_div">
<div class="inner_menu_div">
<div id="m9-12AstroParent" class="menuBar2">Astronomy
<div id="m9-12AstroChild" class="nine-12Table">
<h3><a href="../9-12/astronomy/co
Components of the Solar System and Beyond</a></h3>
<h3><a href="../9-12/astronomy/in
Interactions in the Solar Sytem</a></h3>
<h3><a href="../9-12/astronomy/in
Interactions Beyond the Solar System</a></h3>
</div>
</div>
<div class="inner_menu_div">
<div id="m9-12BioParent" class="menuBar2">Biology</
<div id="m9-12BioChild" class="nine-12Table">
<h3><a href="../9-12/biology/char
Characteristics of Living Matter</a></h3>
<h3><a href="../9-12/biology/life
Life Processes and the Flow of Energy and Matter</a></h3>
<h3><a href="../9-12/biology/biol
<h3><a href="../9-12/biology/inte
<h3><a href="../9-12/biology/mole
<h3><a href="../9-12/biology/stru
Structure and Organization of Living Systems</a></h3>
<h3><a href="../9-12/biology/huma
</div>
</div>
<div class="inner_menu_div">
<div id="m9-12ChemParent" class="menuBar2">Chemistry
<div id="m9-12ChemChild" class="nine-12Table">
<h3><a href="../9-12/chemistry/pr
<h3><a href="../9-12/chemistry/co
Conservation of Matter and Energy</a></h3>
<h3><a href="../9-12/chemistry/st
</div>
</div>
<div class="inner_menu_div">
<div id="m9-12EarthParent" class="menuBar2">Earth Science</div>
<div id="m9-12EarthChild" class="nine-12Table">
<h3><a href="../9-12/earth/nature
Nature and Properties of Earth Materials</a></h3>
<h3><a href="../9-12/earth/proces
Processes and Interactions in Earth Systems</a></h3>
<h3><a href="../9-12/earth/histor
History and Evolution of the Earth</a></h3>
<h3><a href="../9-12/earth/hydros
Hydrosphere and Atmosphere</a></h3>
<h3><a href="../9-12/earth/compon
Components and Patterns of Earth Systems</a></h3>
</div>
</div>
<div class="inner_menu_div">
<div id="m9-12PhysicsParent" class="menuBar2">Physics</
<div id="m9-12PhysicsChild" class="nine-12Table">
<h3><a href="../9-12/physics/wave
<h3><a href="../9-12/physics/moti
<h3><a href="../9-12/physics/form
<h3><a href="../9-12/physics/natu
<h3><a href="../9-12/physics/forc
<h3><a href="../9-12/physics/ener
Energy Transfer and Transformation</a></h3>
<h3><a href="#">Systems Structure</a></h3>
</div>
</div>
<div class="inner_menu_div">
<div id="m9-12HumanParent" class="menuBar2">Human Biology</div>
<div id="m9-12HumanChild" class="nine-12Table">
<h3><a href="#">Analyze how Systems Regulate Growth</a></h3>
<h3><a href="#">How Human Systems Develop</a></h3>
<h3><a href="#">How Human Organs Regulate Life Functions</a></h3>
</div>
</div><!--Place SS Ad between two of these divs for a right side 160x600 Ad-->
</div><!--these two divs close the menubar-->
</div>
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Thanks DaveBaldwin,
I removed the Google Ads and Facebook code. What should I look for? What do you think might stop the divs from showing then hiding (making the areas jump around on loading)?
Thanks
I removed the Google Ads and Facebook code. What should I look for? What do you think might stop the divs from showing then hiding (making the areas jump around on loading)?
Thanks
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
The jumping is not as bad sometimes. Does that have to do with cache? I really don't know anything about it. What might be taking so much memory? Is this a problem? Should I be trying to use less? Thank you again for your help.
ASKER
All errors are google ad, google +1, or facebook code. One is placing an inline (href) outside of a block (div). I decided it was okay for now.
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
I know how to fix but decided to leave for now so users can click the div (not text) to navigate home.
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
sorry I don't follow what you mean with
I know how to fix but decided to leave for now so users can click the div (not text) to navigate home.. Are you referring to the scripts or the W3 validation errors?
btw I'm using firefox (and firebug) without any issues on your site
ASKER
Sorry, the short of it was I left one error. I think you are right about changing to HTML5. The fb like box is not on every page and the pages were checking out. I guess it was more for me. I appreciate the feedback. Please excuse my slow typing, I need to hold my sleeping baby while I type with one hand. :)
ASKER
So it seems that I need to remove some scripts? I'll see if there is anything that can go.
LOL I know what it's like - my 10 mth old likes to bang on my keyboard...
That would be the best place to start... try to keep only what is required on each page.
That would be the best place to start... try to keep only what is required on each page.
ASKER
Understanding what makes pages load well is new to me. Removing the ads, I notice a faster load time. What else might help? I tiled x and y images (when possible) and compressed them. Looking at the scripts, I have:
1. Google +1
2. FB like box
3. Adsense Ads
4. jQuery load
5. jQuery script
6. Google Anayltics
I dumped analytics. What other things might I look for to clean? Did I miss anything?
1. Google +1
2. FB like box
3. Adsense Ads
4. jQuery load
5. jQuery script
6. Google Anayltics
I dumped analytics. What other things might I look for to clean? Did I miss anything?
ASKER
scratch that last question. I discovered yslow on firebug. Thank you all for your help.
no problem. keep us up to date.
Thx for the grade and points.
Additional test ground:
- Check if your jQuery above can be downloaded from Google's servers: they would presumably load faster than from your own server
- Since you need to keep your adsense ads, keeping Google analytics as well will probably have a very low impact.
- Check if you can load the javascript for your "social boxes" (FB & G+) after your </body>. Thus the html will load fast, and will not be delayed by any javascript
Additional test ground:
- Check if your jQuery above can be downloaded from Google's servers: they would presumably load faster than from your own server
- Since you need to keep your adsense ads, keeping Google analytics as well will probably have a very low impact.
- Check if you can load the javascript for your "social boxes" (FB & G+) after your </body>. Thus the html will load fast, and will not be delayed by any javascript
ASKER
Is there a resource for speed testing that you recommend?
I guess if it is not speed that is the problem, then what I am trying to fix is making a smoother load. The page seems to jump around a bit when loading. All the action seems to center around the menu. Using jQuery, most of the divs are told to hide depending on what page is displayed. You can see the behavior at www.observescience.org.
Is there a better way, should the divs be told to hide in css then opened by jQuery? What is the load order?
fibo, do you have an example of a menu with an array that I could see and adapt?
Thank you all again for your help,
rhyno99