如何有效地使用jquery和javascript？

我正在我的站点中使用jquery及其相关插件

因为我使用了更多的js。用于访问我网站中的每个页面。所有js都会加载，因此站点加载时间会增加

如何高效地使用js库，而无需为每次页面访问加载js。

更新：

我正在使用

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

        <!-- JQUERY.VALIDATE SCRIPT -->
        <script src="{$TEMPLATE_FACK}/js/jquery.validate.js" type="text/javascript"></script>

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

        <!--jQuery URL Script-->
        <script type="text/javascript" language="javascript" src="{$TEMPLATE_FACK}/js/jquery.url.js"></script>


        <!-- TINYMCE SCRIPTS -->
        <script type="text/javascript" src="{$TEMPLATE_FACK}/tinymce/jquery.tinymce.js"></script>
        <script src="{$TEMPLATE_FACK}/tinymce/tiny_mce_src.js" type="text/javascript"></script>
        <script src="{$TEMPLATE_FACK}/js/quicktags.js" type="text/javascript"></script>

        <!-- WORD COUNT -->
        <script src="{$TEMPLATE_FACK}/js/jquery.wordcount.js" type="text/javascript"></script>

        <!-- Thick box scripts -->
        <script src="{$TEMPLATE_FACK}/js/thickbox.js" type="text/javascript"></script>


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

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

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


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

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

$.noConflict（）；

---

我在页眉部分使用了这么多js。一旦我访问每个页面，所有这些加载都会一次又一次地加载，用户不必每次都加载，只要确保用户缓存重用的JavaScript文件即可。特别是对于库（因为它被标记为jQuery），-它还将具有我提到的缓存头，并且并行化下载，因为它不在您自己的域中。

用户不必每次都加载它，只要确保用户缓存重用的JavaScript文件即可。特别是对于库（因为它被标记为jQuery），-它还将具有我提到的缓存头，并且并行化下载，因为它不在您自己的域中。

除了前面的答案之外，您还应该同时缩小所有javascript文件，您可以选择使用gzip压缩。

除了前面的答案之外，您还应该同时缩小所有javascript文件，或者您可以选择使用gzip压缩。

此外，您还可以使用（CDN）作为库，如谷歌提供的jQuery等。

此外，您还可以使用（CDN）对于jQuery等库，谷歌每次加载js时都会为我提供。

。我已经用fire bug检查过了。每一页我所有的jsloads@Mohan-然后有两件事发生了…你的缓存头设置不正确，正如我上面提到的…*或者*在Firebug的网络面板上，从选项卡本身的下拉列表中，有一个禁用浏览器缓存选项，你已经选中了。对于我，每次加载js。我已经用fire bug检查过了。每一页我所有的jsloads@Mohan-然后有两件事发生了…您的缓存头设置不正确，正如我上面提到的…*或*在Firebug的网络面板上，从选项卡本身的下拉列表中，有一个禁用浏览器缓存选项，您已选中。