代码之家  ›  专栏  ›  技术社区  ›  Zander

包含外部javascripts的最佳/最快方法是什么?我使用jQuery

  •  2
  • Zander  · 技术社区  · 17 年前

    我几乎完成了我的网站,目前正在优化它;我想知道最好和最快的方法包括我的所有外部javascript文件。我希望网站能尽快下载,但是它有很多(10个左右)需要加载的外部javascript文件;一些是来自谷歌Ajax API的jquery库文件,有些是我的。

    我确信我之前读到过,我可以使用一点javascript代码调用所有外部脚本,实际上,从浏览器的角度来看,只调用一个外部文件。

    你明白我的意思吗?

    多谢

    4 回复  |  直到 16 年前
        1
  •  8
  •   cletus    17 年前
    1. 将所有的javascript合并到一个外部文件中(您可以动态执行此操作并保存缓存的结果);
    2. 缩小该文件;
    3. 该文件的版本(为此,我使用预配置文件的mtime);
    4. gzip文件(如果客户机支持);以及
    5. 在文件上使用far futures expires头文件。

    您所指的(使用Google的Ajax库服务)是另一种处理这一问题的方法,它属于内容交付网络(cdn)的范畴。其思想是文件存储在多个程序中,客户机将下载最接近的程序(结果将被保存)。

    这很难或只是很难与其他技术结合,我发现这样做多个外部负载完全会损害任何感知的好处(除非这是您唯一的外部负载),所以我使用上面列出的方法。

        2
  •  4
  •   bart    17 年前

    我的猜测是将库文件合并为一个文件(除了托管在谷歌的文件)。每次对服务器的调用都需要相当多的资源,所以最好只进行一次调用。您甚至可以在线组合这些文件:

    http://yui.2clics.net/

        3
  •  1
  •   Jon Benedicto    17 年前

    我建议将所有脚本合并到一个JS文件中,然后使用 YUI Compressor 把它们打包成一个较小的文件。

        4
  •  0
  •   Mahtar    17 年前

    要使用脚本浏览器,无论如何都必须下载它们,所以我认为您如何调用它们没有任何区别…除非在服务器上使用压缩,在客户端使用解压缩。