- 出荷済み
- 2026年8月19日 17:50 UTC
- プロフィール
- Kamo
- コンテンツ
- 849051c
ThemedBackgroundはホームページに残っている最も高価なものでした。 バグのように見えました。 テーマの Bucket で <img> を直接レンダリングするので、 ブラウザは非接触のソースファイル — 606, 646, 585 KB, WebP, で 完全な解像度、電話で。 AVIFは、それらをサイズ変更し、何も提供しません。 画像オプティマイザの近くには要求がなかったため。 怠惰なローディングなし これらは、すべての3つのインスタンス(機能、価格設定、SignupSection)マウント 水分補給なので、約1.8MBがページが試してみた瞬間にダウンロードし始めました 3つのセクションでは、誰がスクロールしませんでした。 各フレーム 2 回取得: 可用性プローブは `new Image()` をビルドしました。 全体で読み込まれ、実際の要素をレンダリングした状態だけを設定します。 `onError` は、それに対する正しいツールであり、何もコストしません。 "next/image" を通して、それぞれがラジィリフェッチ、正しくサイズの AVIF です。 不変な URL は、Framer Motion ではなく CSS トランジションです。 <img> の `animate` です。 `images.qualities` は、tuning ではなく、前提条件である knob: 次の16は、そのリストではなく、任意の品質で400に答え、リストのデフォルト [75] だけに — なので `quality={50}` は無視されていないので、コストがかかる 画像アウトライト。 品質は、各表面が実際に合成され、測定される方法から今設定されます 推測されるよりも。 両方のエンコーディングを解読し、それらを比較する *after*ページ自身の フィルター: 英雄の背景の明るさ(.21) 41.1 dB PSNR 画素の0.57%が異なる >8/255 → 品質 50 背景の明るさ(.6)、グレースケール20%、 ラジアルブラックオーバーレイ 36.9 dB PSNR ピクセルの6.60%は、 >8/255 → 75で左 ヒーローはLCP要素であり、その発光の5分の1で合成されるので、 ビットの半分は、その多くをブラックを通して解決できない詳細を購入: 77.7 デフォルトではKB、50で22.0 KB、ピクセルの差0.57%が表現できます。 テーマフレームは、同じステップが到達する、はるかに軽いオーバーレイの下に座っています 6.6% — 完全な表面を渡る空の滑らかな区域を帯びる十分。 とりあえず 節約は、とにかく品質設定はなかった。それはサイズと怠惰でした。 想定されるよりもポスターフレームが測定されます。 固定 w=828 は 3 回 ピクセルは電話に開きが現れ、それは370のCSS pxの周りにあります。 要素の幅とデバイスピクセル比から得られるようになりました。 設定されたデバイスサイズ。 26.5 KB → 7.6 KB 電話で。 2つのプレコネクトはdns-prefetchです。 プレコネクトはソケットを開きます すぐに保持し、その中に必要な起源だけを獲得する 最初のペンキ。 この起源のオプティマイザを通過するテーマ写真で、 theme.kamocrm.com へのブラウザ初のリクエストは、チャットウィジェットまたは ヒーローリール, ロードイベントの後に非適度に, 分析の起源は、 トラッカーが lazyOnload に移動したので、同じ物語。 灯台が報告した テーマは未使用としてプレコネクトし、重要なパスの間に開かれたソケット、 それと競合する、それが閉じた後までアイドル。 測定した2つのことと意図的に変化しないので、それらは再照らされません。 ・現代的なブラウザを標的するブラウザリストは、13.5 KBの削除しません polyfills Lighthouse フラグ メニュー 彼らは、 次は、無条件に含まれている、独自の「多充填モジュール」です。 ブラウザリスト set は chunk をビルドした byte-identical と同じハッシュです。 設定を追加する 間違いなく「optimizeCss」は何もない。 ・参照されていない149コンポーネントの90を削除しても移動 スタイルシートを 678 バイト gzip でレンダーブロック (17,398 → 16,720)。 テールウィンド 死んだファイルをスキャンすることは、そのファイル17 KBを作るものではないので、90ファイル削除 パフォーマンスの修正として正当化することはできません。 それでも開いて、このリポジトリから修正できません。kamo-chat.js は Cache-Control ヘッダが全くないテーマバケット、143 KB。 HLSプレイリスト 300s TTL は非リベート — hero-hls-encode-job.yaml は再エンコードで書き換えます — 1キロバイトの価値があるため、滞在します.