このコードを使用すると、Googleコンテンツ配信ネットワーク(CDN)からjQu...">

Google CDNの機能

これをまず見てください:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> 


このコードを使用すると、Googleコンテンツ配信ネットワーク(CDN)からjQueryライブラリを直接ダウンロードできます。

ダウンロードするライブラリのバージョン(/1.4.4/)を直接指定できることに注意してください。 しかし、これは行うことができるすべてからはほど遠いです。 リンクのこの部分を変更するだけで、小さなアメニティを作成できます。

/1.4.4/-正確に指定されたバージョンのライブラリをロードしますが、変更されることはありません。

/1.4/-バージョン1.4.4を今すぐダウンロードしますが、明日バージョン1.4.5がリリースされた場合、このリンクはそれを指します。 1.5が表示される場合、1.4.xブランチの最新リリースを示しています。

/ 1 / -今すぐバージョン1.4.4をダウンロードしてください。 明日が1.5と表示される場合、それはそれを指します。 バージョン2.0のリリース後、jQuery 1.xの最新リリースが示されます。

これがすべて行われた理由の小さな思い出

遅延の削減 -ファイルは地理的に最も近いサーバーからロードされます。

ダウンロードを並列化します -ブラウザは1つのドメインへの同時接続数を制限するため、ファイルを並列にロードしてダウンロードを高速化できます。

キャッシュの改善 -ファイルが訪問者のブラウザキャッシュに既に存在する可能性が高く、これがダウンロードの最速の方法です。

トラフィックを節約します -圧縮バージョン1.4.4は82キロバイトの「重量」です。 訪問者が空のブラウザキャッシュで100万ページをリクエストした場合、74ギガバイトのトラフィックを節約できます。

キャッシング

ここで重要な観察を行う必要があります。 キャッシングタイプは、ライブラリをダウンロードするリンクによって異なります。 直接バージョンへのリンクのみが最良の結果をもたらします。

/1.4.4/-パブリック、最大年齢= 31536000 (1年)

/1.4/-public、must-revalidate、proxy-revalidate、max-age = 3600 (1時間のダブルチェック)

/ 1 / -public、must-revalidate、proxy-revalidate、max-age = 3600 (再チェックで1時間)

明らかに、1時間のキャッシュはまったく役に立ちません。 一方、バージョン1.4.5がリリースされた場合、1.4.4を1年間キャッシュしたユーザーは古いバージョンを取得しますが、これもあまり良くありません。

遅延要因、同時実行性、およびトラフィックの保存を考慮することは依然として重要ですが、キャッシングも同様に重要です。 したがって、キャッシングが大きな役割を果たしている場合は、厳密に定義されたバージョンへのリンクオプションを使用してください。

何を選ぶか

/1.4.4/-変更されることはなく、機能を破壊することはありません。何よりも直感的にキャッシュされます

/1.4/-更新中にコードが混乱する可能性があり、キャッシュが不十分です。

/ 1 / -アップグレード中に混乱を引き起こす可能性が非常に高く、キャッシュが不十分です。

したがって、ほとんどのアプリケーションシナリオでは、ハードバージョンバージョンが最適です。 また、サイトまたはアプリケーションをチェックするのに役立ちます。

もちろん、すべてのスクリプトを組み合わせることを忘れないでください。 一般的な真実:1つのファイルをアップロードすることは、常に複数のファイルよりも優れています。

jQueryシングルではない

上記の考慮事項は、Google CDNのすべてのライブラリに適用されます。 著者はMooToolsに対してそれらをチェックしました、そして、すべては同じように働きます。

その他のCDN

JQueryは、Microsoftネットワークまたはjquery.comから取得できます。 バージョンを選択する際に多くの自由を与えることはできませんが、Microsoftが1年間ファイルをキャッシュできることは注目に値します。

 <script src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.4.min.js"></script> 


jQuery.comは、ファイルをキャッシュする方法を示していません。

 <script src="http://code.jquery.com/jquery-1.4.4.min.js"></script> 


アップデート1。

ライブラリの広範なリストで国内メーカーをサポートする: api.yandex.ru/jslibs

アップデート2。

このようなダウンロードにより、検索エンジンは、誰かが混乱している場合、特定のサイトへの訪問に関する追加の統計情報源としてこのツールを使用できます。

1年でもキャッシュすることはしばしば意味をなしません。 多くのユーザーのブラウザキャッシュのサイズは小さいです。 FirefoxとOperaでは、デフォルトでそれぞれ50メガバイトと40メガバイトでした。 このようなサイズと現在のアクセス速度では、古い要素が新しい要素に置き換えられるため、非常に頻繁に更新されます。 キャッシュのサイズを500メガバイトに増やしましたが、これによりブラウザーのパフォーマンスが大幅に低下すると考える著者もいます。

更新3.送信されたトラフィック

FireBugの実験では、Yandex.st CDNからjQueryをロードするとトラフィックが最小になり、Microsoftは何らかの理由でパンをすり抜けることが示されました。
Yandex.stGoogle CDNMicrosoft CDN
24605バイト、gzip27100バイト、gzip34187バイト、gzip + 1090バイトcookie


更新4.応答速度
測定はクラスノダール(ビーライン)で、Yslowによって手動で10倍に更新されました。 他の都市では、結果が劇的に異なる場合があります。 括弧内は、クリーンキャッシュを使用した最初の応答時間。
Yandex.stGoogle CDNMicrosoft CDN
〜53ミリ秒(305-320ミリ秒)〜110ミリ秒(324-333ミリ秒)〜400ミリ秒(720-990ミリ秒)

Source: https://habr.com/ru/post/J109309/


All Articles