検索
ホームページウェブフロントエンドjsチュートリアルGoogleのメリットはJQueryをホストしました

GoogleのメリットはJQueryをホストしました

基本的に、ウェブサイトのヘッダータグ内にこの種のコードが表示されるはずです。


  


これは、あなたのウェブサイトにjQueryライブラリを含める通常の方法です。これを行うことに問題はありませんが、より良い方法があります。 Google Ajax Librariesは、Googleのデータセンターネットワークから直接来るユーザーにJQueryを提供しています。あなた自身のサーバーでJQueryをホストする上でこれにはいくつかの利点があります:
  1. 遅延の減少
  2. 並列性の増加
  3. より良いキャッシング
GoogleのCDNのこれらの3つの利点について説明し、このサービスを使用する例をいくつか示します。

遅延を減らします

CDNコンテンツ配信ネットワーク用の短期 - これにより、さまざまなさまざまな物理的な場所のサーバー上に静的コンテンツが分散されます。ブラウザがこれらのファイルのURLを解決したとき、それらのダウンロードは、ネットワーク内で最も近い利用可能なサーバーから自動的に届きます。 Google AjaxライブラリCDNでは、サーバーの近くに物理的にはないユーザーは、サーバーからそれを強制するよりも速くjQueryをダウンロードすることができます。

並列性の増加

不必要な過負荷サーバーを避けるために、ブラウザの接続の数を同時に制限することができます。ブラウザに応じて、制限はホスト名ごとに2つの接続に最小化される場合があります。 Google AjaxライブラリCDNの助けを借りて、サイトへの1つのリクエストを排除し、ローカルコンテンツを並行してダウンロードできます。ただし、6つの接続ブラウザを持つユーザーには大きな違いはありませんが、2つだけを使用するブラウザを使用しているユーザーには、違いは明らかです。

より良いキャッシング

理想的には、Google AjaxライブラリCDNを使用することの最大で最も言及されていない利点は、ユーザーがJQueryをまったくダウンロードする必要がないことです。あなたのキャッシングがどれほど攻撃的であるかは関係ありません。ただし、ローカルでjqueryをホストしている場合、ユーザーは少なくとも1回ダウンロードする必要があります。たとえ彼らがキャッシュにjQueryの同じコピーをたくさん持っていても、ユーザーが最初にあなたのウェブサイトにアクセスするとき、それらは役に立ちません。

それをする方法

今、あなたはおそらくGoogle AjaxライブラリCDNに納得しているでしょう。このことをする方法をあなたに示す時が来ました。利用可能な2つの方法のうち、この方法はGoogleが推奨する方法です。Google.Load ()アプローチは、最も機能とパフォーマンスを提供します。例:


<span>//「1」または「1.3」などの部分バージョン番号を指定できます。
</span>
<span>//&nbsp;同じ結果で。そうすることで、自動的にロードされます
</span>
<span>//&nbsp;その部分的な改訂パターンを一致させる最新バージョン
</span>
<span>//&nbsp; (例えば1.3は今日1.3.2をロードし、1は1.4.4をロードします)。
</span>
Google <span>.Load( "jQuery"、 "1.4.4");
</span>
Google <span>.SetOnLoadCallback(function(){
</span>
<span>// $(document).ready()の代わりにinitコードをここに配置します
</span>
<span>});
</span>
これには何の問題もありません。実際、それはJqueryをホストすることを改善しており、最高のパフォーマンスを提供しません。GoogleのメリットはJQueryをホストしました上の画像は、JSAPIの読み込み、解析、実行が実際のjQueryリクエストに悪影響を与えることを明確に示しています。それは大したことではありませんが、遅延です。最悪の部分は、この種のロードメソッドと組み合わせて$(document).ready()ハンドラーを確実に使用できないことです。 SetonloadCallback()が必要です。

必需品に戻ります

何よりもGoogle.load()メソッドの欠点は、この種の古い方法を使用してJSAPIの遅延を回避し、3つの役に立たないHTTP要求を排除することをお勧めします。私はこれをお勧めし、それを好みます。

結論

結局のところ、決定はあなたの手にあります。サーバーでjQueryをローカルにホストするか、Google AjaxライブラリCDNを使用することを選択できます。しかし、上記の説明がGoogle AjaxライブラリCDNを介してJqueryをホストしたことをホストするという利点を完全に示していることを願っています。理想的には、Google AjaxライブラリCDNの方が明らかに優れています。

GoogleがホストしたjQueryについてのよくある質問

GoogleホストJQueryを使用することの利点は何ですか?

GoogleホストJQueryにはいくつかの利点があります。まず、ウェブサイトの速度と効率を向上させます。 Googleのサーバーは自分のサーバーよりも速い可能性が高いため、サイトはより速く読み込まれます。第二に、帯域幅を節約します。 Googleはこれらのライブラリをホストするため、サーバー上のスペースを占有しません。最後に、より良いキャッシングを提供します。ほとんどのユーザーは、すでにGoogleからこれらのライブラリをキャッシュしています。同じライブラリを使用してサイトを訪れた場合、再度ダウンロードする必要はありません。

Google CDNからJQueryをリンクするにはどうすればよいですか?

Google CDNからjQueryをリンクするには、HTMLファイルにスクリプトタグを追加する必要があります。スクリプトタグのSRC属性は、GoogleのCDNのjQueryライブラリを指す必要があります。これが例です:

GoogleCDNのjQueryの最新バージョンは何ですか?

Google CDNのjQueryの最新バージョンは、Google Developers Webサイトにあります。現在のところ、最新の安定したバージョンはjQuery 3.5.1です。ただし、最新のバージョンについては、公式Webサイトをチェックすることをお勧めします。

自分でJQueryをホストする代わりに、GoogleのCDNを使用する必要があるのはなぜですか?

jqueryにGoogleのCDNを使用すると、自分でホストする上でいくつかの利点があります。サーバーの負荷が削減され、ウェブサイトの負荷速度が向上し、キャッシュが向上します。さらに、GoogleのCDNは、自分のサーバーよりも信頼性が高く、より速くなる可能性があります。

GoogleホストJQueryをオフラインで使用できますか?

いいえ、GoogleホストJQueryをオフラインで使用することはできません。ファイルはGoogleのサーバーでホストされているため、アクセスするにはインターネット接続が必要です。 jqueryをオフラインで使用する必要がある場合は、ライブラリをダウンロードして、独自のサーバーでホストする必要があります。

GoogleホストJQueryは自由に使用できますか?

はい、GoogleホストJQueryは完全に自由に使用できます。 Googleは、Webをより速く、より効率的にするという使命の一環として、このサービスを提供しています。

GoogleホストJQueryはどの程度信頼できますか?

GoogleホストJQueryは非常に信頼できます。 Googleのサーバーは、世界で最も堅牢で信頼できるものの一部であり、Webサイトに必要なときにJQueryライブラリが常に利用できるようにします。

GoogleはJQUERYをすべてのブラウザにホストしていますか?

はい、GoogleはChrome、Firefox、Safari、Edgeなどのすべての最新のブラウザをサポートするJQueryをホストしています。ただし、古いブラウザの場合、jQueryの古いバージョンを使用する必要がある場合があります。

GoogleホストJQueryはどのくらいの頻度で更新されますか?

GoogleホストJqueryは、jQueryの新しい安定したバージョンがリリースされるたびに更新されます。 Googleは、ホストされたライブラリを可能な限り最新の状態に保つことを目指しています。

GoogleホストJQueryを他のJavaScriptライブラリで使用できますか?

はい、GoogleホストJQueryを他のJavaScriptライブラリとともに使用できます。 JQueryは他のライブラリとうまく再生するように設計されており、GoogleのCDNを使用することでそれは変わりません。

以上がGoogleのメリットはJQueryをホストしましたの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
舞台裏:JavaScriptをパワーする言語は何ですか?舞台裏:JavaScriptをパワーする言語は何ですか?Apr 28, 2025 am 12:01 AM

JavaScriptはブラウザとnode.js環境で実行され、JavaScriptエンジンに依存してコードを解析および実行します。 1)解析段階で抽象的構文ツリー(AST)を生成します。 2)ASTをコンパイル段階のバイトコードまたはマシンコードに変換します。 3)実行段階でコンパイルされたコードを実行します。

PythonとJavaScriptの未来:傾向と予測PythonとJavaScriptの未来:傾向と予測Apr 27, 2025 am 12:21 AM

PythonとJavaScriptの将来の傾向には、1。Pythonが科学コンピューティングの分野での位置を統合し、AI、2。JavaScriptはWebテクノロジーの開発を促進します。どちらもそれぞれのフィールドでアプリケーションシナリオを拡大し続け、パフォーマンスをより多くのブレークスルーを行います。

Python vs. JavaScript:開発環境とツールPython vs. JavaScript:開発環境とツールApr 26, 2025 am 12:09 AM

開発環境におけるPythonとJavaScriptの両方の選択が重要です。 1)Pythonの開発環境には、Pycharm、Jupyternotebook、Anacondaが含まれます。これらは、データサイエンスと迅速なプロトタイピングに適しています。 2)JavaScriptの開発環境には、フロントエンドおよびバックエンド開発に適したnode.js、vscode、およびwebpackが含まれます。プロジェクトのニーズに応じて適切なツールを選択すると、開発効率とプロジェクトの成功率が向上する可能性があります。

JavaScriptはCで書かれていますか?証拠を調べるJavaScriptはCで書かれていますか?証拠を調べるApr 25, 2025 am 12:15 AM

はい、JavaScriptのエンジンコアはCで記述されています。1)C言語は、JavaScriptエンジンの開発に適した効率的なパフォーマンスと基礎となる制御を提供します。 2)V8エンジンを例にとると、そのコアはCで記述され、Cの効率とオブジェクト指向の特性を組み合わせて書かれています。3)JavaScriptエンジンの作業原理には、解析、コンパイル、実行が含まれ、C言語はこれらのプロセスで重要な役割を果たします。

JavaScriptの役割:WebをインタラクティブでダイナミックにするJavaScriptの役割:WebをインタラクティブでダイナミックにするApr 24, 2025 am 12:12 AM

JavaScriptは、Webページのインタラクティブ性とダイナミズムを向上させるため、現代のWebサイトの中心にあります。 1)ページを更新せずにコンテンツを変更できます。2)Domapiを介してWebページを操作する、3)アニメーションやドラッグアンドドロップなどの複雑なインタラクティブ効果、4)ユーザーエクスペリエンスを改善するためのパフォーマンスとベストプラクティスを最適化します。

CおよびJavaScript:接続が説明しましたCおよびJavaScript:接続が説明しましたApr 23, 2025 am 12:07 AM

CおよびJavaScriptは、WebAssemblyを介して相互運用性を実現します。 1)CコードはWebAssemblyモジュールにコンパイルされ、JavaScript環境に導入され、コンピューティングパワーが強化されます。 2)ゲーム開発では、Cは物理エンジンとグラフィックスレンダリングを処理し、JavaScriptはゲームロジックとユーザーインターフェイスを担当します。

Webサイトからアプリまで:JavaScriptの多様なアプリケーションWebサイトからアプリまで:JavaScriptの多様なアプリケーションApr 22, 2025 am 12:02 AM

JavaScriptは、Webサイト、モバイルアプリケーション、デスクトップアプリケーション、サーバー側のプログラミングで広く使用されています。 1)Webサイト開発では、JavaScriptはHTMLおよびCSSと一緒にDOMを運用して、JQueryやReactなどのフレームワークをサポートします。 2)ReactNativeおよびIonicを通じて、JavaScriptはクロスプラットフォームモバイルアプリケーションを開発するために使用されます。 3)電子フレームワークにより、JavaScriptはデスクトップアプリケーションを構築できます。 4)node.jsを使用すると、JavaScriptがサーバー側で実行され、高い並行リクエストをサポートします。

Python vs. JavaScript:ユースケースとアプリケーションと比較されますPython vs. JavaScript:ユースケースとアプリケーションと比較されますApr 21, 2025 am 12:01 AM

Pythonはデータサイエンスと自動化により適していますが、JavaScriptはフロントエンドとフルスタックの開発により適しています。 1. Pythonは、データ処理とモデリングのためにNumpyやPandasなどのライブラリを使用して、データサイエンスと機械学習でうまく機能します。 2。Pythonは、自動化とスクリプトにおいて簡潔で効率的です。 3. JavaScriptはフロントエンド開発に不可欠であり、動的なWebページと単一ページアプリケーションの構築に使用されます。 4. JavaScriptは、node.jsを通じてバックエンド開発において役割を果たし、フルスタック開発をサポートします。

See all articles

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

DVWA

DVWA

Damn Vulnerable Web App (DVWA) は、非常に脆弱な PHP/MySQL Web アプリケーションです。その主な目的は、セキュリティ専門家が法的環境でスキルとツールをテストするのに役立ち、Web 開発者が Web アプリケーションを保護するプロセスをより深く理解できるようにし、教師/生徒が教室環境で Web アプリケーションを教え/学習できるようにすることです。安全。 DVWA の目標は、シンプルでわかりやすいインターフェイスを通じて、さまざまな難易度で最も一般的な Web 脆弱性のいくつかを実践することです。このソフトウェアは、

Dreamweaver Mac版

Dreamweaver Mac版

ビジュアル Web 開発ツール

SecLists

SecLists

SecLists は、セキュリティ テスターの究極の相棒です。これは、セキュリティ評価中に頻繁に使用されるさまざまな種類のリストを 1 か所にまとめたものです。 SecLists は、セキュリティ テスターが必要とする可能性のあるすべてのリストを便利に提供することで、セキュリティ テストをより効率的かつ生産的にするのに役立ちます。リストの種類には、ユーザー名、パスワード、URL、ファジング ペイロード、機密データ パターン、Web シェルなどが含まれます。テスターはこのリポジトリを新しいテスト マシンにプルするだけで、必要なあらゆる種類のリストにアクセスできるようになります。

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)