web-dev-qa-db-ja.com

jQueryをロードする最良の方法は何ですか?

重複の可能性:
どこからjQueryライブラリを含めますか?Google JSAPI?CDN?

JQueryを使用するアプリケーションがあります。アプリケーションは、1.7や1.8などのほとんどすべての最新バージョンのjQueryを使用できます。

ユーザーキャッシュで私のニーズを満たす最新バージョンのjQueryを見つける可能性を最大化するために、アプリケーションをコーディングする方法について誰かに提案してもらえますか?たとえば、Google CDNからバージョンを検索する必要があります。その場合、どのバージョンを検索する必要がありますか?

16
Angela

公開Webサイトにコンテンツ配信ネットワーク(CDN)を使用することは非常に一般的です。 1つを参照するには、他のローカルファイルと同様にスクリプトタグを付けてそれらを含めます。

jQueryの例

_<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
_

Googleの例

_<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
_

Microsoftの例

_<script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.8.0.min.js" type="text/javascript"></script>
_

常に最新バージョンを参照する必要がありますか?

たとえば、jQuery CDNを使用して常に最新バージョンを指す場合など、そうすることにはリスクがあります。

最近のいくつかのバージョンでは、いくつかのメソッドが非推奨になりました。つまり、toggle()-マウスイベントの場合、live()die()などです。

JQueryフォーラムから私が知る限り、これらの非推奨のメソッドはバージョン1.9で完全に削除されます。

さらに、jQueryは1.9と2.0を間近でリリースする予定です。ただし、2.0は1.9の続きではなく、一緒に開発されます。

2.0はIE6、IE7またはIE8をサポートしません。 jQuery 1.9は、以前のすべてのブラウザバージョンとの互換性を維持します。

それについて読んでください ここ

これらの理由から、常に最新バージョンを自動的に指すのではなく、サポートしている特定のバージョンを明示的に参照することはお勧めしません。

CDNがダウンしている場合はどうなりますか

それはめったに起こりませんCDNがダウンしている可能性があります。万が一の場合に備えて、結果に苦しむ必要がないため、フォールバックプランを実装できます。

_// Check if jQuery was initialized and if not (CDN was down for example), then
// load jQuery from a local source.
if(typeof jQuery === 'undefined'){
    document.write(unescape("%3Cscript src='yourlocalpath/jquery.1.x.min.js' type='text/javascript'%3E%3C/script%3E"));
}
_

CDNの可用性とパフォーマンスの評価

利用可能なCDNの品質とパフォーマンスに関して、royal.pingdom.comでこの非常に興味深い article に出くわしました。

Pingdomからのレポートは、jQueryの最も一般的に使用されている無料のホストを明らかにしました。 Google、Microsoft、Media Temple;信頼性は証明されていますが、パフォーマンスには一貫性がありません。

ネットワークを評価するために、Pingdomは、ヨーロッパと北アメリカの複数の場所から1分に1回、24時間体制で30日間テストを実行しました。

その結果、3つすべてが優れた可用性を提供することがわかりましたが、パフォーマンスはそうではありませんでした。

HTTPSや安全なサーバーを使用しないサイトの場合、Media TempleはヨーロッパでGoogleに続いて群を抜いて最速でしたが、北米では遅れをとっていました。 HTTPSサイトの場合、Googleはヨーロッパで最速であり、GoogleとMicrosoftは北米でも同様のパフォーマンスを示しました。

マイクロソフトはヨーロッパで最悪のパフォーマンスを示しましたが、北米全体ではグーグルと同じでした。

24
Nope

ニーズに合ったjQueryの最新バージョンを選択してください。現時点では、1.8になります。次に、無料で広く使用されているCDN(おそらくGoogleまたはMicrosoft)でリンクします。

JQueryの特定のバージョンにリンクする必要があります。 jQueryの最新バージョンへのリンクがありますが、それが変更されると、知らないうちにサイトが破損する可能性があるため、リンクしないでください。 jQueryの特定のバージョンにのみリンクする必要があります。 GoogleCDNで1.8.1にリンクするためのコードは次のとおりです。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>

ブラウザのキャッシュヒットを本当に最適化したい場合は、現在広く展開されているバージョンのjQueryを選択してテストし(各バージョンの使用量に関するWeb統計がどこかにあると思います)、定期的に更新します。最も使用されているバージョンを追跡します。これはマイクロ最適化であり、テストした最新バージョンを選択するだけで適切であり、一般的なCDNを使用する利点が得られると思います。

7
jfriend00

Google または Microsoft CDNから静的バージョン番号を参照することをお勧めします。今すぐ開発に最新バージョンを使用してください。新しい機能を必要とする変更を行う場合は、レイアウトの参照を変更するだけです。

GoogleCDNは次のようになります。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
4
Joey Gennari

最新バージョンの場合、jQueryから直接ロードできます。

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>

他にも コンテンツ配信ネットワーク からロードできるものがあります。

人気のあるCDNのいくつかは次のとおりです。

  • jQuery(code.jquery.com)
  • Microsoft(ajax.Microsoft.com)
  • Google(ajax.googleapis.com)
1
Robert Greiner