[解決済み] jQueryをローカルでホスティングする利点と落とし穴 [終了しました]。
質問
現在、jQueryとjQueryUI(とjQueryUI CSS)のライブラリはgoogle CDNから引っ張ってきています。これは
google.load("jquery", "1");
を呼び出すと、最新のjQuery 1.x.xが使用されるからです。
あとはセキュリティの関係で、ライブラリをローカルに引き込むことになりました。
ローカルにプルするのはいいのですが、他の利点と注意すべき落とし穴は何でしょうか?
どのように解決するのですか?
CDN に置くことの主な利点は、自分のウェブサイトからダウンロードするファイルと並行してファイルをダウンロードできることです。これにより、すべてのページでレイテンシーを減らすことができます。つまり、この裏返しとして、ローカルでホスティングすることの落とし穴があるのです -。 待ち時間の増加 . その主な理由は、ブラウザが同じ Web ドメインに同時に接続できる数が制限されているためです。IE6 では、同じドメインへの同時接続は 2 つにデフォルト設定されていました。 IE の開いているすべてのウィンドウの間で共有されます! IE8+ では改善され、デフォルトで 6 になり、FF/Chrome と同じになりましたが、それでも、多くの画像を持っていてスプライトを使用していない場合は、重い遅延が発生します。
CDNを使用すると 常にライブラリのバージョンを明示的に設定する とします。これは、新しいバージョンがあなたのコードを破壊するリスクを減らすためです。jQueryではあまりないことですが、可能性はあります。
CDNを使用するもう一つの主な利点は サイトのトラフィックを減らすことができる . GB 単位で支払っている場合、またはリソースが限られている仮想サーバーを使用している場合、コンテンツの一部をパブリック CDN にファームオフすると、サイト全体のパフォーマンスが向上し、ホスティング コストが削減されることがあります。
この質問に対する @Xaver の他の回答も読んでみてください。これは非常に良いトリックです。
関連
-
[解決済み] jQueryで要素が非表示になっているかどうかを確認するには?
-
[解決済み] jQueryでチェックボックスに "checked "を設定する
-
[解決済み] jQueryの「exists」関数はありますか?
-
[解決済み] jQueryでページを更新するにはどうすればよいですか?
-
[解決済み] jQueryでテーブルの行を追加する
-
[解決済み] jQueryで要素にスクロールする
-
[解決済み] GoogleのホストされたjQueryを使用する最良の方法、しかしGoogleの私のホストされたライブラリにフォールバックすることは失敗します。
-
[解決済み】jQueryでチェックボックスがチェックされているかどうかを確認するにはどうすればよいですか?
-
[解決済み] javascript の関数から `undefined` と `null` のどちらを返すのが良いのでしょうか?
-
[解決済み] javascriptでオプションのパラメータを扱う
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] GoogleのホストされたjQueryを使用する最良の方法、しかしGoogleの私のホストされたライブラリにフォールバックすることは失敗します。
-
[解決済み] 兄弟ノードを選択する方法はありますか?
-
[解決済み] JavaScriptで文字列を数値に変換する最速の方法は何ですか?
-
[解決済み] JavaScriptでの大文字小文字を区別しない正規表現
-
[解決済み] react-routerのハッシュフラグメントからクエリパラメータを取得する
-
[解決済み] jqueryはjavascriptのライブラリなのかフレームワークなのか?[クローズド]
-
[解決済み] モデルフェッチ時に1をtrueに、0をfalseに変換する方法
-
[解決済み] JavaScriptでjson-objectのキーを取得する [重複].
-
[解決済み] イテレータでmap()を使用する
-
[解決済み] querySelectorAllがない場合、ライブラリを使用せずに属性で要素を取得する?