これは、私はjQueryのはすぐにページのロードに利用できるようにする必要はありませんグーグル・アナリティクスとjQuery

Question

をロードするための最良の方法です100％が最も効率的な方法だと確信しています。私が物事を最善の方法でやっているかどうかは誰にでも教えてください。

ありがとうございました

Answer 1

Mathias BynensがGoogleアナリティクススニペットを最適化する記事を書いています。それは「あなたが知りたかったが尋ねるのを恐れていたすべてのもの」バージョンです。

http://mathiasbynens.be/notes/async-analytics-snippet

TL; DRバージョンは、彼がこれで終わる：

<script> 
    var _gaq = [['_setAccount', 'UA-XXXXX-X'], ['_trackPageview']]; 
    (function(d, t) { 
    var g = d.createElement(t), 
     s = d.getElementsByTagName(t)[0]; 
    g.async = g.src = '//www.google-analytics.com/ga.js'; 
    s.parentNode.insertBefore(g, s); 
    }(document, 'script')); 
</script> 

縮小さは、あなたがこれで終わる：

<script>var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.async=g.src='//www.google-analytics.com/ga.js';s.parentNode.insertBefore(g,s)}(document,'script'))</script> 

最適化されたコードminifiesへ247バイトとexecutes fasterである（440バイト）。 jQueryのためとして、むしろGoogleアナリティクススニペットでそれを含めてより

、私は個人的に、GoogleのCDNにリンクのHTML5定型方式のファンだし、ローカルフォールバックを含む、念のためにそれは利用できません。

<!-- Grab Google CDN's jQuery. fall back to local if necessary --> 
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script> 
    <script>!window.jQuery && document.write(unescape('%3Cscript src="js/libs/jquery.min.js"%3E%3C/script%3E'))</script> 

Answer 2

'ベスト' はは主観的であるが、このトピックに関心のarticle found hereです。

男はgoogle.loadと一般的な方法で<script>のインポートを使用してjQueryを読み込むためのテストを行います。

私は個人的には、メンテナンスとパフォーマンスの点で、通常の方法で十分です。

Answer 3

の問題は、GoogleのCDN 1.Ifあなたのコード

ローカルファイルのフォールバックを持っていない障害が発生したと見ています。

2.GAスクリプトは通常、ページの一番下にありますが、jQueryの読み込みは、このページから派生したすべてのページがマスターページのjQueryの相対的な方向働く