- 出荷済み
- 2026年8月19日 17:29 UTC
- プロフィール
- Kamo
- コンテンツ
- 917ad87
当ホームページは、全角の見えないものを出荷しました。 フレーム モーション シリアライズ `initial` は、先頭の HTML をインラインスタイルとしてプロップするので、マークアップ <h1>、コピー列、リール絞り、フルブルド `opacity: 0` のすべての背景 — と、React が持っていたまでその方法に滞在 ダウンロードし、解析し、水和し、最初のアニメーションフレームを実行します。 まずは 最大のコンテンツフルペイントは、四半期メガバイトのJavaScriptを測定しました ページではなくbundle: サーバは既に見出しをレンダーし、 スクリプトはそれを保持していた。 ビルドではなく、このタイプを見ない チェック, lint の実行またはナビゲーションガード — デスクトップリンクにある 見えない。 `curl` のページで `opacity:0`: 102 を、各要素にカウントします。 それらの中で折り目が上にあります。 同じ入口は、同じ時間と時間で、CSSキーフレームです。 stylesheet は 1 つのスクリプトが取得される前に解析されます。 LCPの特長 背景は、移行が行われるため、キーフレームではなく移行を使用します。 初期レンダーで実行されていないため、到着時に起きるフレームは単に LCP が待ち受けるのに何もない。 ロードウィンドウの残りの部分は、それがコストの順序を下降します。 · リールは最初のバイトから支払いを開始しました — `preload="metadata"`, a 要素のポスター、および 540p rung の適応梯子の入り口 1.17 Mbps — 狭いビューポートが折り目の下に座る開きのために、 コピー列の下。 ロードイベントを待ちます。 その後、ビューポート内で来る開口部のために、アイドルに行くためにスレッド。 レベル プレーヤーのサイズにキャップされ、電話の下部ラングから始めます。 保存データと2G/3Gリーダーは、ポスターフレームと再起動ボタンを保持します。 ・ポスター自体は1日キャッシュヘッダの93 KB JPEGでした。 を通して 画像の最適化は、不変な URL の 26 KB AVIF であり、それは非 リールが欲しかったまでフェッチ。 ·ブランドロゴは8decimalのpotraceの出力の132 KBです、としてプレロードされます 画像は、幅140pxのマークを描画します。 3503-単位の1つの小数に円形化 繰り返し充填ホイストのスペース、それは59 KB - 幾何学的に同一 0.0023 CSS px を最大サイズでレンダリングします。 スクリプト/ Optimize-logo-svg.mjs は、ロゴがエクスポートされる次回のときには、意図的です。 ・ GSAPはサイト内の各ページのエイジャースクリプトリストに4回ありました over: 進捗バーのglow、`gsap.set()` に2つの静的を書きます スタイルプロパティー、`fromTo` はスタイルシートのrippleをduplicating すでにアニメーションし、読者のための唯一の火災をグローバルタイムラインコール 運動を抑えるようお願いしました。 すべての4は重要なからなくなっています path; は、ブランチ内のライブラリを読み込みます。 ・TouchOptimizedは、各ボタン、リンク、ページ内の入力を毎回測定 水分補給、各読み込みを前の要素の書き込みと解釈する - a 強制同期レイアウト ループ 数百 要素 長, 着陸 総ブロック 助けるために存在する携帯電話上の時間。 今ではバッチ idle の読み込みと待機。 ・ `<Script 戦略="afterInteractive">` は `<link rel="preload" を生成します。 as="script">`、ブラウザに分析トラッカーをフェッチするよう求めた ヒーローの背景に沿って高い優先順位。 `lazyOnload` はまだレコードを記録 訪問し、後日、重要なパスをオフにします。 ·ヒーローは3つのフルビューポートの背景の層を取付けました。 回転は デスクトップ専用なので、電話の2つが恒久的に `opacity: 0` であった。 ・`clearCookieConsent` — localStorage の 2 行 — は、 同意バナー、従ってフッターの「マネジャークッキー」制御ドラッグ250ライン 初期のHTMLでレンダリングするチャンクにFramer Motion。 移動する app/lib/cookie-consent.ts とバナーとトーストスタックがマウントされました。 idle: 到着時に何かをペイントすることができません。 ・すべてのビルドで「experimental.optimizeCss」の印刷された「✓ OptimizeCss」 いいえ。 後処理完了したHTMLで重要なCSSをインライン化します。 アプリのルーターは決してそれを手渡しません。 ビルドされた出力に対して検証 実際にインストールされている `beasties` バックエンド: <head> の 0 <style> ブロック、 stylesheet はまだ <link> をブロックするプレーンです。 削除された — レポートのフラグ inert が既に取られた最適化として読まれている間成功。 · 参照無しのglobals.cssの36のクラスのセレクターそして24のキーフレーム リポジトリ、ベンダー、ドキュメントに含まれる場所。 クリティカルパスバイト、gzip、クリーンビルドに対してデプロイ: html 38,101 → 36,277 js 281,700 → 245,707 css 18,629 → 17,398 ロゴ 57,390 → 22,902 合計 395,820 → 322,284 (-19%) エイジャースクリプト 15 → 13 その上部にあるロードウィンドウから:93 KBポスター、HLS マニフェストとその1.17 Mbpsセグメント、2つの背景画像、およびトラッカー。 ここでのアドレスなし: `/` は 307 から `/en` に応答します。これは、ページの速度の実行 URL です。 どのLighthouseがリダイレクトとしてカウントするかのテスト。 唯一の本当の修正は `localePrefix: 'as-needed'` で、canonicals、hreflang、sitemap を再書き込み 301-ing が毎回 301-ing しながら、22 個のローカルで ~250 のルートを渡るすべての内部 href /en/* URL をインデックス化しました。 つまり、パフォーマンスではなくSEOの決定であり、 ホップは、すでに開いている接続で60ミリ秒かかります.