タグの同期読み込みを推奨する理由

Ptengineのタグは、同期読込を採用しています。この記事では同期読み込みのメリット、および非同期読み込み(タグ管理ツールの利用を含む)を採用するのはどのような時かについてご説明します。

同期読み込みを採用する理由 #

同期読込では、ページの読み込み開始後、JavaScriptが読み込まれたタイミングでタグの処理が開始され、その処理が完了するまでページの読み込みが止まります。つまり、JavaScriptが読み込まれたタイミングでタグの処理を確実に開始することができる(データを正確に計測できる)ことがメリットになりますが、デメリットとして、ページの表示が遅くなってしまうなどの影響が挙げられます。

同期タグによるページ読み込み速度への対策

Ptengineの基本タグは、下記の改善やCDNの利用および、独自開発のアルゴリズムにより、通常のネットワーク環境であれば数十ミリ秒以内に、また、Experienceでの体験配信を行った場合でも500ミリ秒以内に読み込むことができるよう対策しています。そのため、同期読み込みでもユーザー体験に大きな影響を与えるほどのページ読み込み速度の遅延はありません。

  • 1タグの圧縮とキャッシュ
    Ptengineの基本タグは、ネットワーク帯域幅の使用とダウンロード時間を削減することにより、サイトのパフォーマンスを向上させます。
  • タグサイズを最小化
    タグのサイズを小さくすることで、ダウンロード時間や帯域幅の使用量を削減し、サイトのパフォーマンスを向上させます。
  • 3高速なサーバーやCDNの利用
    高速サーバーやCDNを利用することで、サイトの応答性が向上し、タグがページの読み込み速度に与える影響を軽減することができます。
  • 424時間365日監視
    サービスノードのグローバル監視、タグファイルダウンロード速度をリアルタイムに観測しており、ネットワークの変動をいち早く発見する体制を整えております。

Note:Ptengineの基本タグは、ワールドクラスのネットワークとストレージを備えたAWSコンピューティングプラットフォーム上でホストされています。 AWSは、10年連続でクラウドインフラとプラットフォームサービスにおけるマジック・クアドラントのリーダーとして認識されています。 歴史的に見ても、過去10年間は100%のアップタイムを達成しています。

同期タグのメリット

同期タグを採用するメリットは下記になります。
(※下記の記述は、基本タグがHTMLの内に設置されていることを前提としています。)

  • 1正確にデータを計測できる
    同期読み込みでは、Ptengineタグが読み込まれないとそれ以下のコードが実行されません。そのため、計測されるデータの確実性が高く、信頼できます。
  • 2管理・保守が容易
    同期読み込みでは、Ptengineの基本タグの優先順位が高く、他のJavaScriptコードによって上書きされたりブロックされたりすることがありません。また、HTMLコードに直接埋め込まれるため、タグの管理・保守が複雑化しません。
  • 3様々な閲覧環境に対応
    同期読み込みは、デスクトップとモバイルの両方に対応しており、全てのWebサイトにて有効です。さらに、ブラウザの様々な仕様変化にも対応します。

まとめると、タグの同期読み込みは、データの信頼性と安定性を高め、タグの管理・保守を容易にし、様々な閲覧環境の計測が可能です。

非同期読み込みとは #

非同期読み込みは、JavaScriptの読み込みタイミングと必ずしも一致せず、別処理としてタグが処理されます。そのため、同期読み込みのようにページの読み込みを止めてしまうことがなく、1つのコードの読み込みに失敗しても、他のコードの読み込みを妨げることはありません。ページの表示に悪影響を与えてユーザーにストレスを感じさせることがないため、Googleタグマネージャなどのタグ管理ツールでは非同期での読み込みが採用されることが一般的です。

非同期読み込みのデメリット

非同期読み込みは、処理のタイミングが安定しないことがデメリットとして挙げられ、データを正しく計測できない可能性があります。 また、Ptengine Experienceでページ編集を実行する場合、画面がちらつくフリッカー現象が生じる可能性や、状況に応じて適切な読み込み方法を選択する必要があり管理の難しさが増します。

こうした理由から、Ptengineのタグは独自の技術により遅延読み込みの心配もないため、同期読み込みを採用しております。

非同期読み込みやタグ管理システムを利用するタイミングは? #

非同期での読み込みを採用するタイミングは、究極のページパフォーマンス(同期モードでは0.5秒以内のロード時間がかかる)を求める場合などになります。この場合、データ計測の遅延や画面のチラつきを許容する必要があります。

Ptengineのタグを非同期で読み込みたい場合は、こちらの記事をご参照ください。

この記事についてどう思いますか?

  • いいですね!
  • よくないです

評価いただきありがとうございました

  申しわけありません!理由を教えてください。

    サポートチームに直接問合せたい場合、こちらをクリックしてチャットしましょう