ホームページ  >  記事  >  ウェブフロントエンド  >  jQueryでのcdnの用途は何ですか

jQueryでのcdnの用途は何ですか

(*-*)浩
(*-*)浩オリジナル
2019-05-30 11:07:494666ブラウズ

jQuery は、フロントエンド開発で最も一般的で人気のある JavaScript ライブラリです。プロジェクトのパフォーマンスを向上させるためにそれをロードする方法と、CDN を使用する必要がある理由は何ですか?

ユーザーが自分のサイトにアクセスすると、サーバーからファイルが読み込まれます。各サーバーは同時に 2 ~ 4 個のファイルしかダウンロードできないため、ファイルの実行効率が低下します。サーバーの数が増えると、同時にロードされるファイルの数は (2-4)*サーバーの数です。 そこで、Web サイト上のファイルのロード効率を向上させるために CDN に jQuery を置きます。

jQueryでのcdnの用途は何ですか

# 一般的に使用される jQuery CDN について話しましょう

海外 CDN:

//Google Hosted Libraries
src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"
//Microsoft CDN
src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.0.0.min.js"
//CDNJS
src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.0/jquery.min.js"
//jQuery官网
src="http://code.jquery.com/jquery-1.11.0.min.js"
//jsDeliver
src="http://cdn.jsdelivr.net/jquery/2.0.0/jquery-2.0.0.min.js"

国内 CDN:

//百度
src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"
//七牛
src="http://cdn.staticfile.org/jquery/2.0.0/jquery.min.js"
//新浪
src="http://lib.sinaapp.com/js/jquery/1.6/jquery.min.js"
//又拍云
src="http://upcdn.b0.upaiyun.com/libs/jquery/jquery-2.0.0.min.js"
//360
src="http://libs.useso.com/js/jquery/2.0.0/jquery.min.js"

概要:

海外 Google を除く サービスを除くCDNJSの場合、国内のライブラリはHTTPS環境に対応していないため、国内ユーザーにとっては読み込みが遅いのが残念ですが、海外にWebサイトを開設している場合は、そちらを優先して利用することができます。 CDN のロードに失敗した場合は、独自のローカル jQuery ファイルをロードする必要があります。ヘッダーに次のコードを追加するだけです。

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/jquery-1.11.1.min.js" type="text/javascript"><\/script>')</script>

以上がjQueryでのcdnの用途は何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。