0

我正在使用 Yslow 来查看速度。

问题是我链接的脚本太多，我试图减少重复： 问题在于前 2 个脚本：我尝试只使用 jquery 1.8，即使它的所有内容都来自 jquery 站点。1.7.2 中有一些东西是必需的，我不知道。

我还用 jquery-1.3.min 替换了 1.7，它可以工作。由于 HTTP 请求的数量，Yslow 在这方面给了我一个低分，总共我实际上有 9 个外部 Javascript 脚本和 5 个外部 css 脚本。（3为风格切换）

如果我将第二个脚本设为第一个，则自动完成功能不起作用。

        <script type="text/javascript" src="js/jquery-1.7.2.js"></script> 
        <script type="text/javascript" src="js/jquery-ui-1.8.19.custom.min.js"></script>

          <script type="text/javascript" src="http://maps.google.com/maps/api/js?key=AIzaSyAOpIKcVcsbojjjFIwnAOSsDwi_lARLp8o&sensor=false"></script>
          <script type="text/javascript" src="http://gmaps-samples-v3.googlecode.com/svn/trunk/geolocate/geometa.js"></script>

     <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
     <script src="js/jquery.ui.autocomplete.js"></script>
     <script type="text/javascript" src="scripts/downloadxml.js"></script>

简而言之，我试图减少外部 j/s + css 的数量。

4

3 回答 3

0

看起来你可以合并这两个

<script src="js/jquery.ui.autocomplete.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.19.custom.min.js"></script>

由于自动完成功能包含在 UI 中。如果您不想要整个 UI，只需在自定义构建中包含自动完成功能。

你也可以为你的 jQuery 使用公共资源，谷歌和公司有一个分布式的服务器网络，所以从他们到你的用户的机会比从你到你的用户的要少。

总之试试这个组合：

<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js"></script> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?key=AIzaSyAOpIKcVcsbojjjFIwnAOSsDwi_lARLp8o&sensor=false"></script>
<script type="text/javascript" src="http://gmaps-samples-v3.googlecode.com/svn/trunk/geolocate/geometa.js"></script>
<script type="text/javascript" src="scripts/downloadxml.js"></script>
于 2012-04-30T17:12:57.847 回答
0

首先，为什么要用 1.3 代替 1.7？这很愚蠢。

其次，我建议Minify将您的 JS 合并到一个组合和缩小的文件中。

MinifygroupsConfig.php为您的脚本提供了一个包含数组的文件，基本上是这样的：

'js' => array( 
    '//js/jquery-1.7.2.js',
    '//js/jquery-ui.js',
    '//js/libs/geolocate/geometa.js',
    '//js/libs/downloadxml.js'
), 

'css' => array(
  // same thing with css files
)

那么你只有一个<script src="/min/?g=js"></script>标签和一个<link rel="stylesheet" src="/min/?g=css" />标签。

于 2012-04-30T17:15:21.593 回答
0

一种选择是将所有源代码（js 和 css）放在手边，然后缩小并合并源文件。

通过这种方式，您可以拥有 1 个主 css 文件和 1 个主 js 文件，以及用于特定页面的可选额外 js 文件（也组合/缩小）。

于 2012-04-30T17:15:30.187 回答