- Shipped
- 2026年8月19日 20:37 UTC
- Author
- Kamo
- Commit
- 7ba3b84
ステップB. TrustBar、WhatReplaceWhat、HowItWorks、UseCases、特徴、CTAStripおよび 価格はサーバーコンポーネントです。 HTML にレンダリングし、JavaScript を出荷しません。 クライアントに保管していた唯一のことは、分析でした。 1 つない 7 人の状態、 ref または 効果 — 全体の相互作用 `onClick={() => trackEvent(...)}` をリンクに、単一の prop がドラッグした 各セクションの全ツリーを水和に。 これで `data-track` 属性です。 ページの1回に1つの委任されたリスナーによって取付けられて読む。 意図的に `data-analytics-event` ではなく、それが TrackedClicks が存在する理由です トラッカー独自の属性ではなく: 分析は、キャプチャフェーズリスナーをインストールします そして、それを運ぶアンカーのために、refoxDefault() を呼び出すと、そのビーコンを待って、 位置を置いて下さい。 href — クライアントのナビゲーションを「分析を待ちます」に変える 1回のクリックあたりのデッドタイムの1.5-8sで、および禁止されたこの場所で測定される堅いreload」 メニュー ここでリスナーは触れない イベント: 禁止なし、停止禁止禁止禁止、待機なし。 すべての5つのイベント名が生存し、事前変換ソースから検証されます。 cta-start-free、cta-view-pricing、cta-contact-sales、nav-click、 home-feature-learn-more - 自然と自然をつなぐ レンダリングされたカウントは、コールサイトのカウントよりも高い コールサイトが `.map()`: 12 個の機能カード、6 個のプランの中にあるため。 すべて 22 属性は <a> または <button> 自身と全ての data-track-props 値の土地 JSON としてパースします。 HomeClient は、クライアントのコンポーネントがなくなったため、 クライアントコンポーネントはサーバーをインポートできないため、ディレクティブ その1つのファイルの上に、レンダリング戦略を決定していた ページ全体 その「ダイナミック()」のラッパーとサスペンスの境界線はそれで行きました。 とにかく水和した全てのコンポーネントをコード分割し、 サーバが既に生成したコンテンツの `min-h-[600px]` です。 卵2本 それでも `ssr: false` が必要なので、小さなクライアント境界の後ろに座っています。 8つのコンポーネントはクライアントに残り、リストは正直なものになります。 SharedNavigation、JumpToBar、スクロールと再生のためのスクロールとヒーロー state; ShippedStrip それはフェッチだから; accordionのよくある質問; SignupSection その形態; バックツートップのためのフッター。 このものが無料ではないため、トレード。 サーバコンポーネントのレンダリングツリーは RSC のフライトペイロードと HTML にシリアライズされたので、ドキュメントが成長しました。 JavaScript がシャランクされている間: JS チャンク 261,999 -> 243,579 gzip (-18,420, 23 チャンク → 15) ドキュメント 39,895 -> 53,877 zip (+13,982) 純 -4,438 洗面所に近いです。 点は他の軸線です:7つの少数の部品 922 ms および LCP で測定されるスクリプト評価に対して水和する木 1,810 msの「エレメントレンダー遅延」。 つまり、これが目的の費用です。 バイト数では表示されません。 また、この土地を自らのコミットとしているのも理由です。 実行がそうでなければ、逆転 この1つはステップAの仕事に触れないでクライアント構成を元通りにします.