Google Analytics (またはその他のサードパーティ) JS_JavaScript を読み込む方法のヒント

ga を登録すると、ga は js スクリプトを生成します。この js を の最後に直接コピーします (Blog Park、CSDN、BlogJava を含む)。しかし、ga が自動生成したこの JS が本当に合理的なのでしょうか?

何が合理的で何が不合理なのか? ga は単なる分析ツールなので、それを使用してもプログラムに影響を与えてはなりません。影響がなければ妥当です。

ga の現在の使用法:
まず、次のように ga によって自動的に生成された js スクリプトを確認します:

コードをコピー コードは次のとおりです。

try {
var pageTracker = _gat._getTracker("UA-123456-1");
pageTracker._trackPageview(); err) {}< ;/script>


このコードを見て、document.write を使用して JS をロードすると、ロードがブロックされることに注意してください。がロードされ、後続のすべてのリソースと JS のどちらもダウンロードして実行できません。このコードは本文の最後にあり、最後にはコンテンツがないため、ブロックするものは何もないと思われるかもしれません。
JS を記述するときに、ページが読み込まれた後に JS または AJAX を実行する必要があることがいくつかあると思います。これらは、通常、window.onload イベントに記述されるか、jquery の $(document に記述されます)。 ).ready() メソッド。これらの JS はブロックされます。ページ上の大量のデータが window.onload で AJAX を使用して読み込まれているが、現時点では何らかの理由 (Harmony と Harmony) でそのデータにアクセスできないか、アクセスが非常に遅い場合。問題は、私たち自身の JS が ga の JS がロードされるのを待っており、私たちの JS は ga の JS ロードがタイムアウトした後にのみ実行されることです。

例:
次のコードは、jquery を使用して、document.ready で ajax リクエスト (リクエスト 126.com) を送信します。 ga の js がロードできないようにテスト前にホスト ファイルを変更します:





コードをコピー

コードは次のとおりです:

try {
var pageTracker( "UA-123456 -1"); pageTracker._trackPageview()
} catch(err)
🎜>

モニタリング画像:


上の図からわかるように、20 秒のタイムアウトの後、ajax リクエストが実行されます。 0.173秒しかかかりませんが、20秒かかります。

ga を適切に使用する:

ga を適切に使用するには、次の 2 つの問題を解決する必要があります: 1. ga の js をロードしない方法、
2. ga を ga に使用するには、ja がロードされた直後に、var pageTracker = _gat._getTracker("UA-123456-1"); コードを実行します。
JS をノンブロックでロードするには、主に 2 つの方法があります: 1.