ブログに戻る

Engineering & Performance

Categories

7 分で読了Engineering & Performance

可視性ステートの遷移:信頼できるビーコンなしでページビューを計測する

pagehide、visibilitychange、Beacon API はブラウザーごとに挙動が異なります。Cookie も永続識別子も使わずに、セッションの終了を確実に記録する方法を解説します。

続きを読む
6 分で読了Engineering & Performance

Sec-GPC ヘッダーはもうどこにでもある: アナリティクスのためのサーバーサイド検出

Global Privacy Control は Sec-GPC リクエストヘッダーとしてすべてのリクエストに付いてきます。エッジでこれを読み取り、Cookie を使わない計測パイプラインで尊重する方法を解説します。

続きを読む
6 分で読了Engineering & Performance

Timing-Allow-Origin: Resource Timing API でアナリティクスが見ているもの

Timing-Allow-Origin ヘッダーは、ページがクロスオリジンのタイミング情報をどれだけ読み取れるかを制御します。プライバシーファーストなパフォーマンス計測にとって、これが何を意味するのかを解説します。

続きを読む
7 分で読了Engineering & Performance

Speculation RulesとPrerendering:先読みされたページについてアナリティクスが誤解していること

ChromeのSpeculation Rules APIは、ユーザーがクリックする前にページをレンダリングできます。それがいかにして単純なアナリティクスを歪めるのか、そしてクッキーレスでエッジベースの計測がどのように正直であり続けるのかを解説します。

続きを読む
4 分で読了Engineering & Performance

あなたのアナリティクススクリプトは、おそらく Back/Forward Cache を無効化している

back/forward cache は戻るボタンによるナビゲーションをほぼ瞬時にするが、たった 1 つの unload リスナーがページ全体でそれを無効化する。原因はたいてい計測スクリプトであり、CrUX は今やその損害を計測できる。

続きを読む
5 分で読了Engineering & Performance

アナリティクススクリプトは Content-Security-Policy の穴になっている

厳格な CSP は XSS を防ぐ。だがサードパーティのアナリティクスタグがその穴を再び開ける。ホスト許可リストや SRI の欠如がポリシーを台無しにする理由と、ファーストパーティトラッカーが解決する点を解説する。

続きを読む
5 分で読了Engineering & Performance

HTTP レイヤーでのデフォルト・プライバシー:トラッキング面を縮小するヘッダー

Permissions-Policy と Referrer-Policy という 2 つのレスポンスヘッダーが、ページが広告テックや第三者にどれだけ漏らすかを決める。一度設定すれば、監視面はデフォルトで閉じる。

続きを読む
4 分で読了Engineering & Performance

INP は重いアナリティクスを罰する:なぜあなたのトラッカーはメインスレッドにいるのか

Interaction to Next Paint は最も多くのサイトが不合格になる Core Web Vital であり、フィールドデータは行動トラッキングスクリプトが主要因の一つであることを示している。解決策はメインスレッドに送る処理を減らすことだ。

続きを読む
3 分で読了Engineering & Performance

Soft Navigations:ブラウザ流に SPA のパフォーマンスを計測する

Chrome のソフトナビゲーション・ヒューリスティックにより、Core Web Vitals がクライアントサイドのルート変更にひも付くようになりました。API の仕組みと、監視なしで計測する方法を解説します。

続きを読む
4 分で読了Engineering & Performance

Astroサイトにプライバシーファーストのアナリティクスを追加する

AstroのView Transitionsは標準のアナリティクススクリプトを静かに壊します。クッキーや同意バナーなしで、すべてのルート変更を計測する正しいパターンをご紹介します。

続きを読む
4 分で読了Engineering & Performance

SvelteKitアプリにプライバシーファーストのアナリティクスを追加する

SvelteKit 2は他のフレームワークとは異なる方法でクライアントサイドナビゲーションをインターセプトします。クッキーや同意バナーなしでルート変更を追跡する正しいパターンをご紹介します。

続きを読む
5 分で読了Engineering & Performance

2 KBのアナリティクストラッカーでCore Web Vitalsを緑のまま保つ方法

従来のアナリティクススクリプトは、Lighthouseスコアを動かすほど重くなっています。軽量なトラッカーが何を違うやり方で行っているのか、そしてそれが実際のユーザーにとってなぜ重要なのかをご紹介します。

続きを読む
4 分で読了Engineering & Performance

Next.jsアプリにプライバシーファーストのアナリティクスを追加する

クッキー、同意バナー、準拠の頭痛の種なしにMonoidをNext.jsに統合するためのステップバイステップガイドです。

続きを読む