Piwik JavaScriptトラッカーをより速くロードするために適用できるパフォーマンスの最適化
Piwikやその他のアナリティクスソリューションでウェブサイトをトラッキングする場合は、ページビュー、イベント、クリックなどをトラッキングするためにJavaScriptファイルを埋め込む必要があります。InnoCraftでは、PiwikユーザーがPiwikを最大限に活用できるよう支援することが日々のビジネスです。 トラッキングファイルが速く読み込まれないため、不必要に遅くロードされるウェブサイトの同様の問題が頻繁に発生します。 パフォーマンスを向上させるには多くの方法がありますが、今後、最も重要な間違いを避けるために収益とコンバージョンを失わないようにするのに役立ちます。 以下に、Piwik JavaScriptトラッキングファイルの読み込みを強化するいくつかの手順を示します。
piwik.jsをキャッシュする
最も重要なステップは、piwik.js JavaScriptトラッカーファイルがロードされた後にキャッシュされ、後続のページビューで再度要求されないようにサーバーを設定することです。ブラウザキャッシングの詳細をご覧ください。
GZIPを有効にする
piwik.jsファイルが要求されたときにユーザーがロードする必要があるサイズを減らすので、GZIPを有効にすることをお勧めします。 標準のPiwikトラッカーの場合、サイズを約60KBから20KBに縮小します。
DNSの事前ロード
多くの場合、Piwikは別のドメインでホストされており、ブラウザがJavaScriptトラッカーファイルを読み込むと、まずこのドメインのIPアドレスを見つけるためにDNS参照を実行する必要があります。 Piwikドメインに以下のファイルを追加することで、トラッカーファイルの読み込みパフォーマンスを10ms〜50ms向上させることができます。
<link rel="dns-prefetch" href="//example.innocraft.cloud">
リソースの事前ロード
Piwikトラッキングファイルの読み込みを増やすには、ウェブサイトのヘッダーに次のHTMLを追加します。
<link rel="preload" href="https://yourpiwikdomain.com/piwik.js" onload="embedTracker()" type="script" crossorigin>
Chrome、Opera、その他ブラウザが増えると、「onload」イベントをブロックせずにJavaScriptトラッカーファイルを読み込みます。 その結果、トラッキングコードを埋め込むとすぐに、JavaScriptトラッカーが既に読み込まれている可能性があります。 “プリロード”がどのようにウェブサイトに影響を与えるかは常に左右され、トラッキングコードよりも重要なリソースを事前にロードしたいと思うかもしれませんが、考慮するオプションです。 ウェブサイトの<head>にJavaScriptトラッカーファイルを読み込む場合、これは必要ありません。
高度なオプション
さらに進めたい場合は、JavaScriptトラッキングファイルをCDNで提供し、JavaScriptトラッカーファイルコンテンツを他のJavaScriptファイルとマージしたり、サービスワーカーを利用したり、オフラインでデータを追跡したりすることも考えられます。 ご不明な点がございましたら、お気軽にお問い合わせください。