How to use jquery and javascript efficiently?
<p>I am using jquery and its related plugins in my site. </p>

<p>Since i use more js. for visiting each page in my site. all the js loads so site loading time increases. </p>

<p><strong>How to use js libraries efficiently without loading js for each page visit.</strong></p>

<p><strong>UPDATE:</strong></p>

<p>I am using </p>

<pre><code>        &lt;!-- JQUERY--&gt;
        &lt;script src="{$TEMPLATE_FACK}/js/jquery.js" type="text/javascript"&gt;&lt;/script&gt;
        &lt;script type="text/javascript" language="javascript"&gt;
        $.noConflict();
        &lt;/script&gt;
        &lt;script src="{$TEMPLATE_FACK}/js/global.js" type="text/javascript"&gt;&lt;/script&gt;

        &lt;!-- JQUERY.VALIDATE SCRIPT --&gt;
        &lt;script src="{$TEMPLATE_FACK}/js/jquery.validate.js" type="text/javascript"&gt;&lt;/script&gt;

        &lt;!--JS VALIDATION SCRIPTS --&gt;
        &lt;script type="text/javascript" language="javascript" src="{$TEMPLATE_FACK}/js/scriptaculous/lib/prototype.js"&gt;&lt;/script&gt;
        &lt;script type="text/javascript" language="javascript" src="{$TEMPLATE_FACK}/js/scriptaculous/src/scriptaculous.js"&gt;&lt;/script&gt;
        &lt;script type="text/javascript" language="javascript" src="{$TEMPLATE_FACK}/js/jsvalidate.js"&gt;&lt;/script&gt;

        &lt;!--jQuery URL Script--&gt;
        &lt;script type="text/javascript" language="javascript" src="{$TEMPLATE_FACK}/js/jquery.url.js"&gt;&lt;/script&gt;


        &lt;!-- TINYMCE SCRIPTS --&gt;
        &lt;script type="text/javascript" src="{$TEMPLATE_FACK}/tinymce/jquery.tinymce.js"&gt;&lt;/script&gt;
        &lt;script src="{$TEMPLATE_FACK}/tinymce/tiny_mce_src.js" type="text/javascript"&gt;&lt;/script&gt;
        &lt;script src="{$TEMPLATE_FACK}/js/quicktags.js" type="text/javascript"&gt;&lt;/script&gt;

        &lt;!-- WORD COUNT --&gt;
        &lt;script src="{$TEMPLATE_FACK}/js/jquery.wordcount.js" type="text/javascript"&gt;&lt;/script&gt;

        &lt;!-- Thick box scripts --&gt;
        &lt;script src="{$TEMPLATE_FACK}/js/thickbox.js" type="text/javascript"&gt;&lt;/script&gt;


&lt;!--JS FOR GRAPH (Highcharts Refer: http://highcharts.com/ref/#plotOptions-pie-point-events)--&gt;
        &lt;script type="text/javascript" src="{$TEMPLATE_FACK}/js/graph/highcharts.js"&gt;&lt;/script&gt;

        &lt;!-- 1a) Optional: add a theme file --&gt;
        &lt;!--
            &lt;script type="text/javascript" src="{$TEMPLATE_FACK}/js/graph/themes/gray.js"&gt;&lt;/script&gt;
        --&gt;

        &lt;!-- 1b) Optional: the exporting module --&gt;
        &lt;!--&lt;script type="text/javascript" src="{$TEMPLATE_FACK}/js/graph/modules/exporting.js"&gt;&lt;/script&gt;--&gt;


        &lt;!--JS FOR Tag adding in Faq add1.html - added by Mogan Dec 02, 2010--&gt;
        &lt;script src="{$TEMPLATE_FACK}/js/create_html.js" type="text/javascript"&gt;&lt;/script&gt;

    &lt;!--FANCY BOX --&gt;
    &lt;script type="text/javascript" src="{$TEMPLATE_FACK}/js/fancybox/jquery.mousewheel-3.0.4.pack.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript" src="{$TEMPLATE_FACK}/js/fancybox/jquery.fancybox-1.3.2.js"&gt;&lt;/script&gt;
</code></pre>

<p><strong>This much of js i am using in header section. once i am visiting each page all these loads again and again</strong></p>
