Google Analytics (またはその他のサードパーティ) JS_JavaScript を読み込む方法のヒント-jsチュートリアル-php.cn

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

WBOY

リリース： 2016-05-16 18:27:34

オリジナル

1297 人が閲覧しました

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 つの問題を解決する必要があります: Google Analytics (またはその他のサードパーティ) JS_JavaScript を読み込む方法のヒント

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

著者別の最新記事