WordPress：ローカルにホストされているライブラリの代わりにGoogleライブラリを使用します

カテゴリ: 開発

以前何度も指摘したように、読み込みのパフォーマンスが向上するとウェブサイトのコンバージョンが向上するため、インターネットでのあらゆる操作にとって速度は重要です。 Mozillaは、組織のダウンロードページでの読み込み時間を2.7秒短縮することで、Firefoxのダウンロードを年間6,000万件増やすことに成功しました。

最新のテーマやウェブサイトの多くは、JavaScriptライブラリとjQuery、Prototype、Dojoなどのコンポーネントを使用して、サイトの機能の一部を強化しています。

これは理論的には多くの理由から素晴らしいことですが、ユーザーがサービスまたはWebサイトに初めて接続するときに、これらのスクリプトをダウンロードする必要があることを意味します。ルールには1つの例外があります。スクリプトが変更されておらず、すでにブラウザのキャッシュにある場合、スクリプトは再度ダウンロードされず、ローカルのブラウザキャッシュからロードされます。

一つの提案その開発者最近では、ローカルのスクリプトではなく、リモートで提供されるスクリプトに切り替える必要がありました。そして、誰もが使用できるように高速コンテンツ配信ネットワーク上で多数のスクリプトをホストしているため、その主なターゲットの1つはGoogleです。

Googleライブラリ

ホストされたバージョンのjQueryおよびその他のスクリプトを使用する利点は次のとおりです。

ユーザーの近くの場所からスクリプトを配信して待ち時間を短縮し、ダウンロードを高速化するGoogleの印象的なコンテンツ配信ネットワークによる待ち時間の改善
別のサーバーから提供されているおかげで並列ダウンロード。これは、ユーザーがWebサーバーから2つの接続への同時ダウンロードを制限するブラウザーを使用している場合に特に重要です。
初めてWebサイトに接続するユーザーのためにスクリプトが既にキャッシュされている可能性が高まるため、キャッシュが改善されます。

特に、ユーザーが以前に別のWebプロパティにスクリプトをダウンロードした場合、スクリプトをまったくロードする必要がないため、3番目のオプションを使用すると、初めての訪問者の速度を上げることができます。

WordPressプラグイン Googleライブラリを使用するローカルで使用されるいくつかのスクリプトの場所をGoogleがホストするスクリプトに変更し、あなたとあなたのサイトの訪問者がこの恩恵を受けることができるようにします。

これはインストールであり、バックグラウンドですべてを処理するため、プラグインを忘れます。構成する必要はありません。プラグインのインストール後に、Webサイトのネットワークアクティビティを監視して、プラグインの有効性を確認する必要があります。

ChromeまたはFirefoxを使用している場合は、F12キーを押して、ここに表示される開発者メニューのタブリストから[ネットワーク]を選択します。 Webページをリロードし、ロードされるスクリプトを確認します。ローカルサーバーではなくGoogleサーバーから読み込まれるものがあることに注意してください。

サポートに関する限り、WordPressのプラグインは現在、次のライブラリとコンポーネントをサポートしています。

道場
jQuery
jQuery UI
MooTools
プロトタイプ
script.aculo.us
swfobject

Webサイトが他のスクリプトを使用している場合でも、リモートサーバーからではなくローカルサーバーから読み込まれる可能性があります。

この操作のもう1つの利点は、帯域幅を節約できることです。一部のスクリプトのサイズは100キロバイト以上で、新しい接続が行われるたびに保存されます。 1日あたり1000の新しい接続を取得する場合、1日あたり100.000キロバイト、つまり1年あたり36.500.000キロバイト節約できます。

おわりに

要約すると、サポートされているスクリプトが使用されている場合は、Webサイトのロードパフォーマンスを向上させると同時に、Webサイトに必要な帯域幅の数を減らします。

ここでの唯一の注意点は、リソースをGoogleから読み込むことです。これは、ユーザーが望まないプライバシーリスクと見なされる場合があります。

今読む ：ウェブサイトのページ読み込み時間を最適化する