yslow/reduce jquery

Question

私はYslowを使用して速度を確認しています。

問題は、私がリンクされ、あまりにも多くのスクリプトを持っている、私は繰り返しを削減しようとしています： 問題は、最初の2つのスクリプトである： 私もjQueryのサイトからのすべての内容で、ただjqueryの1.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の数を減らそうとしています。

Answer 1

オートコンプリートがUIに含まれているとして、あなたはこれらの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全体がカスタムビルドにオートコンプリートを含めるだけでいい場合は、

また、jQuery、Google、企業の公開ソースを使用すると、サーバーの分散ネットワークを利用できるため、ユーザーからユーザーまでのユーザーのポイントが少なくなる可能性があります。

<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> 

Answer 2

まず、なぜあなたは1.3と1.7を置き換えます：短期で

はこの組み合わせを試してみてください？それはちょうど愚かです。

次に、MinifyをJSを統合して1つの統合ファイルに統合することをお勧めします。そして、あなたは、単一の<script src="/min/?g=js"></script>タグと単一<link rel="stylesheet" src="/min/?g=css" />のタグを持っていると思います

'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 
) 

：

縮小化は、基本的には、このように、スクリプトの配列を持つgroupsConfig.phpファイルを提供しています。

Answer 3

1つのオプションは、すべてのソース（js & css）を手元に用意し、ソースファイルを縮小して組み合わせることです。

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