0

私は自分のサイトで jquery といくつかの通常の JavaScript を使用していますが、現在のようにヘッダーではなく、ページの body タグを閉じる最小化された形式ですべての JavaScript をロードする方がよいと言われました。 .

また、リクエストの数を抑えるために、すべての JS を 1 つのファイルにまとめる必要があるとも言われましたが、このメガ ファイルに含めることができない JavaScript がいくつかあるとも言われました。 FB で必要とされるためです (たとえば)。

だから今、私は完全に混乱しています。まず、1) jquery と jquery.ui を使用しています。これらをメガ ファイルにまとめて、最後にロードできますか?

2) スクリプト タグで囲まれたページ ソースに現在表示されているすべてのものをこのファイルに貼り付けることはできますか?

3) 何を省略しなければなりませんか?

あなたが学習者であるとき、それはすべて少し圧倒されます

サイトはhttp://www.traditionalirishgifts.c​​om/にあります。

 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

他のJavaScriptのヒープと同様に

4

1 に答える 1

0

コメントが指摘しているように、答えは多くの変数に依存します。

サーバー側の Web フレームワークを使用していますか? お金に見合う Web フレームワークであれば、javascript と css の連結のオプションが提供されます。通常、これらのオプションを使用すると、連結をどの程度正確に行うかを定義できます。jquery、jquery ui など、特定の js ファイルは頻繁に変更されません。他の特定のファイルは頻繁に変更されますが、独自のアプリケーション スクリプトを例に挙げてみましょう。何を連結するかを決定する際に、これらすべてを考慮することができます。

どのサーバー サイド テクノロジとどの Web サーバーを使用しているかをお知らせいただければ、具体的な解決策を見つけるお手伝いができます。

3 つの質問に関しては、すべて依存関係の管理に関するものです。アプリケーション スクリプトまたは「スクリプト タグで囲まれたページ ソースに現在表示されているもの」が jQuery またはその他のライブラリに依存している場合は、jquery またはそのライブラリの後に含める必要があります。

依存関係は、DOM に対しても存在する可能性があります。スクリプトが を使用して直接 html を出力する場合、document.writeそれらを簡単に移動することはできません。

リンク先のサイトのホームページのhtmlを見てみました。そのファイルの js コードは、本体の末尾の直前に移動できますが、それらが同じ順序で表示されるようにする必要があります。含めたすべてのプラグインはdocument.ready、すべての html/js/css が解析された後にのみ発生する初期化のようです。

既に CDN から jquery/jqueryui を参照しているため、それらを連結ファイルに追加しないでください。

(FB を使用しているために) 連結できないコードに気付きませんでした。つまり、そのことを言った人に理由を説明してもらうことができます。

最後に、 YSlow (http://developer.yahoo.com/performance/rules.html)とGoogle Page Speed (https://developers.google.com/speed/docs )でフロントエンドの読み込み時間を最適化する方法について詳しく読むことができます。 /best-practices/rules_intro)

個人的には、すべてを body の最後の直前に移動することをお勧めします。何かが壊れた場合は、受け取ったエラーに固有の SO について質問してください。

于 2012-11-28T19:36:20.583 に答える