0

速度を確認するためにYslowを使用しています。

問題は、リンクされているスクリプトが多すぎることです。繰り返しを減らしようとしています。問題は最初の2つのスクリプトにあります。jqueryサイトのすべてのコンテンツを含めて、jquery1.8だけを使用してみました。1.7.2には必要なものがあり、理解できません。

また、1.7をjquery-1.3.minに置き換えましたが、機能します。Yslowは、HTTPリクエストの数が多いため、この分野での評価が低く、実際には9つの外部Javascriptスクリプトと5つの外部cssスクリプトがあります。（3はスタイル切り替え用）

2番目のスクリプトを最初にバンプすると、オートコンプリートが機能しません。

        <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

これら2つを統合できるようです

<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.7 を 1.3 に置き換えるのですか? それはばかげています。

次に、Minifyを使用して、JS を 1 つの結合および縮小されたファイルに統合することをお勧めします。

Minify はgroupsConfig.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

1 つのオプションは、すべてのソース (js と css) を手元に用意してから、ソース ファイルを縮小して結合することです。

このようにして、1 つのメイン css ファイルと 1 つのメイン js ファイルを、特定のページ用のオプションの追加の js ファイル (これも結合 / 縮小) を持つことができます。

于 2012-04-30T17:15:30.187 に答える