サイトからフレームを解除する
「未使用の JavaScript を削減」 は、すべてのレポートで同じ 35.4 KB チャンクと名付けられました。 そしてそれはFramerの動きです。 ホームページのエイジャースクリプトではありません。 先ほど生き残った理由は、フッターリンク27のルートをリンクしているので到着します そして<Link>はチャンクを...
サーバ上の org のアイコンを解決し、オリジンをプレコネクト
Lighthouse は、300 ms の接続されていない起源として theme.kamocrm.com という名前の また、接続前のオリジンを報告し、最後のラウンドで、階段として読みました スタイルシートについて苦情を申し立てました。 ではなかった。 その起源は あらゆる負荷でまだ接触 — DynamicMetaLo...
実際にテーマパスを読み込むことができるサーバーを作る
変更を完了します。 48493ae 半分を出荷. そのコミットは4 in-flightをスワイプ file — layout.tsx, DynamicMetaLoader, TouchOptimized, ThemedBackground — は、 モジュールが依存することなく、無関係な追跡修正に。 主な実績 以来、微...
紹介ビーコンを阻止し、正しく訪問を報告する
出荷されたものへの2つの修正、この機能の動作を回復する お問い合わせ ビーコンは、分析の同意記録に自分自身を打ち立てました。 このように読み込む プライバシーは勝ち、一つではありません:紹介記録はパートナーがPAIDであるものです 逆に、分析が数値を縮小しなかったので、訪問した unattributable — 訪問...
3つのルートバンドルをホームページに優先して停止
Lighthouse の 103 KiB の "未使用 JavaScript" は 4 つのチャンク、それら 2 つの名前 基本的に100%未使用。 それらはホームページのHTMLに表示されません。 他のルートのコードは、 nav と footer から <Link> の prefetch によって引き下げられる これ...
背景幅を名前付け、サーバーのテーマコンフィグを読み込みます
二つの発見は、そのコードが言ったもの以外の何かをやっていた。 1920年 CANDIDATEをフェッチするバックロップ。 149 KB、装飾的な写真 "sizes="(最大幅:768px)50vw、100vw"の412pxの携帯電話でコンテンツの背後にある" そう言っているところ右に座る。 原因は私が自分自身2を追加...
パートナーリンクを調達し、持ち込まれたものを報告する
Https://www.<apex>?mrt=<code> に従う訪問者 2つのファーストパーティクッキーを取得します エッジミドルウェアから2年続く不透明GUIDとコード ニネシーの日だけ — そして、その後開いているすべてのページが一度報告されます。 idle から、Beacon を送信します。 ドメインは、次の...
画像をハードに圧縮し、カードをまだ保持し、重複リクエストをドロップ
イメージ ページ上のすべての品質設定はステップダウンし、許可リスト next.config.ts は [30, 50] なので、もっと静かに尋ねることはできません。 ヒーローの背景 (LCP) 40 → 30 21,959 → 6,635 バイト(750px rung) セクション背景 75 → 50 ヒーローのビデ...
ヒーローを分割し、最後の2つのライブラリをページから外します
ステップC. GSAPまたはFramer Motionは、任意のホームページ上にあり、 `home` メッセージ名空間はブラウザに送信されなくなりました。 JS 241,999 -> 214,135 gzip (15 チャンク → 13) ドキュメント 53,877 -> 51,797 gzip GSAP は戻り値...
7つのセクションは水和を停止します
ステップB. TrustBar、WhatReplaceWhat、HowItWorks、UseCases、特徴、CTAStripおよび 価格はサーバーコンポーネントです。 HTML にレンダリングし、JavaScript を出荷しません。 クライアントに保管していた唯一のことは、分析でした。 1 つない 7 人の状態、...
ホームページを完全にオフにアニメーションランタイムを取る
水分補給作業のステップA。 Framer Motionはホームページのエイジャーからなくなっています 束: 798,723 -> 687,593 バイト生, 245,367 → 209,422 gzip. つまり 35,945 ワイヤー上の少数のバイト、測定によってなされる36,444の予測に対して 事前にチャンクしま...
ヒーローがペイントできる前の8つのオフスクリーンセクションをレンダリングを停止する
LCP は 4.4 s で、そのブレイクダウンは 120 ms から 1 バイト、290 ms まで 負荷遅延、390 ms は実際に画像をダウンロードします — そして 1,810 ms の 「エレメント遅延」 写真は到着を終わらせ、単にできませんでした 塗装される。 ホームページは1,482 DOM要素を、閾値灯台...
ブロック時間の380msを要し、電話を静かにする2つの変更をしないで下さい
最後の2ラウンドは87から67までのスコアを取った。 総ブロック 出発時間 80 ms から 460 ms および LCP への 3.9 s から 4.4 s。 自分の変更の2つが、 両方とも同じ悪い理由で作られました。 その理由は、実際のレッスンなので、まず最初に述べる価値があります。 そのレポートの「Insigh...
見出しをコンポジターに移動し、チャットウィジェットがオフロード
最後のラウンドから残っている2つのこと、両方はではなく、行っているので 各取引は何か。 今、それらをやる。 ヘッドラインのライトパス。 型ブロックの2番目の背景層でした。 `background-position` — ペイントプロパティーをアニメーション化することで、全てのフレームがラン ページの LCP 要素のメ...
レンダリングされたimagery server-sideおよび読みやすいブランドのテキストを保ちます
このページの全ての記事がTWICEをダウンロードされました。 コンポーネント ローカル `/img/bg/N.webp` をレンダーし、 org のテーマを解決しました マウント上のパスとソースを置き換えるので、ブラウザは両方をフェッチしました。 お問い合わせ ローカルbg/2と100.7 KBのために測定された95....
スタイルシートをインライン化し、ポリフィルを落とすことはできません
2つのLighthouseの調査結果、両方が最後のラウンド後に開いたままだったので 対処できないと結論づけました。 彼らがいた; 私は硬く見えなかった 十分。 RENDER-BLOCKING REQUESTS (560 ms) の口コミを投稿します。 スタイルシートは、唯一のブロックリクエストでした ドキュメントの後...
名前がなかった制御を名前を付け、4.5:1の下でテキストを持ち上げて下さい
3つの別々の欠陥、それらすべては、ビルド、タイプチェック、 lint run と既存のガードの両方。 UNNAMED CONTROLS — 携帯電話のレイアウトのナビゲーショントグルは、バーのアイコンです, lucide 独自の <svg aria-hidden> をマークし、ラベルを使わないボタンなので、画面 読者...
水分補給後、未サイズの背景の1.8MBを出荷停止
ThemedBackgroundはホームページに残っている最も高価なものでした。 バグのように見えました。 テーマの Bucket で <img> を直接レンダリングするので、 ブラウザは非接触のソースファイル — 606, 646, 585 KB, WebP, で 完全な解像度、電話で。 AVIFは、それらをサイズ変...
水分補給を待ち受ける折り目を止め、ロードウィンドウをクリア
当ホームページは、全角の見えないものを出荷しました。 フレーム モーション シリアライズ `initial` は、先頭の HTML をインラインスタイルとしてプロップするので、マークアップ <h1>、コピー列、リール絞り、フルブルド `opacity: 0` のすべての背景 — と、React が持っていたまでその方法...
ナビゲーションタイミングプローブを削除します
その仕事をしました。 回答に追加された質問 — 残りの遅延が発生したかどうか ネットワーク、スクリプト、またはペイント — で発見されたプローブの4番目の回答を持っているようにしました 排除: 11 件の実例では、ZERO クライアント・サイド・ナビゲーションがありました。 お問い合わせ クリックは、分析トラッカーの指...
すべてのリンクをハイジャックする分析トラッカーを停止しますが、ホーム
ホームページ以外のページは秒単位で開き、理由は決してなかった このアプリのナビゲーションパス:サーバーのプレンダー、ペイロードは 完全な(78チャンクの refs、~57 KB、68 ms)、すべての内部のhref は locale-aware です <Link> および展開されたプローブは、ホームページにソフトナビゲ...
すべてのルート変更は、スクロールをトップにアニメーション化しました
<html> は Tailwind の `scroll-smooth` と他の何も運びませんでした。 次は滑らかに抑制します スクロールしながら新しいルートにスクロールしますが、それを宣言するページのみ データ属性:******************** フィードバック ******************** とそ...
ビデオコントロールを右上に移動
右端を離れて傷つくために使用されるフレームは、左下に座っています ビューポートは、そこで監視されたコントロールを画面に置きました。 ザ・オブ・ザ・ リールは今、その列に集中しているため、制約は消えます。 右上は、チャムファーの葉の正方形の1角です。それは左上を切ります そして右下 — そして、それは進行中の柵の明確な...
実際のナビゲーションとコールドロードを測定するだけでなく、フラグ付きのセッション
フィックスの5ラウンドは、それぞれが本当の欠陥を取り除き、どれも修正されています 実際に感じているのは、これまでの診断は外部からの不当性だったので ブラウザ。 ?perf=1 プローブは、サンプルが生成されていないため、 フラグ付きセッションを手作業で運転する人が必要です。 そこで、今では全てのナビゲーションを処理し...
サイト全体の読み込み境界をドロップするだけで、2次ページのみが支払われる
各ページは、ホームページ以外は遅く感じ、直進(ページ) サブツリー — 私はそこに置いた何かで。 4fae924が(ページ)/loading.tsxをそれぞれ追加したとき 経路は動的で、ダイナミックな経路では、次の優先順位はもうありません 読み込まれる境界が最も近いので、そのファイルが読み込まれる: <Link> なし...
変更履歴のカウントをプレンダーし、訪問ではなく公開時に更新します
訪問者全員がこの番号を自分で取得しました。 プレビューバンナーは共有に住んでいます レイアウトは、水和後/api/changelog/todayに当たるすべてのページで待ってから、 回答に合致し、ページをシフトしました。 そのルートをキャッシュ (d3de447) スペアリング バックエンドがリクエストを左折し、待ち時...
ページのメガバイトを優先し、無料でバックエンドを呼び出しを停止する
各ページに支払われた2つの費用は、レポーターの所有物に従うことによって見つけられる両方 i18n についてハンチし、必要のないバックエンド呼び出し。 PREFETCH VOLUME — 4fae924からの回帰。 ルートが優先される前に、 <Link> プレフェッチは 220 個の空のバイトを返すので、コストを優先し...
?perf=1の背後にあるオプトインナビゲーションタイミングプローブを追加
ページのスイッチは、まだ生産が遅く、サーバーはから除外されています レポーター自身の機械: 55-122ms 応答、x-nextjs-cache HIT、プレフェッチ フルページのペイロードを74チャンク参照で返し、どこにリダイレクトしず、 コンテンツページには常にアニメーション要素が2つだけ。 理由の継続について 外...
取得した画像プルを監視し、プッシュごとに2回展開を停止
013faf1 のデプロイは、ロールアウト中に進捗期限を抜いたことに失敗しました それ自体は良いだった — pod は 90 s について健全に現れ、プロードは役立つ 以来構築する。 3つの別々の事で、作業中のロールアウトレポートを失敗にしました。 ProgressDeadlineSeconds は 60 でした。コ...
リダイレクトと2秒のフェードインで待っているすべてのページスイッチを停止する
4fae924のプレデンダー作業は、サーバーとルータを固定し、サイト ページを変更するために1-2秒かかるように感じた。 ネットワークではなかった。 2つのことはそれをやっていたし、両方はビルド、タイプチェック、そして両方に見えない lint run — hence **************************...
再びルートを準備し、何かをペイントするナビゲーションを与える
Locale レイアウトは、メッセージを bare getMessages() で解決しました。 ヘッダは ENTIRE アプリケーションを静的レンダリングから除外するように要求します。 なし load.tsx どこでも、次にダイナミックなルートをプリフェッチするのは何もありませんでした。 <Link> prefetc...
見出しのコントラストの修正を価格設定、セキュリティ、および提供に運ぶ
ホームページと同じ欠陥、同じ9つの残りのスポット:セクション見出し ミッドグリーンに対して2.61:1を測定する `-color-primary`で開かれた 背景 — 大きいテキストの3.0 WCAGの床の下。 彼らは今、共有を使用する `.heading-accent` クラス、クリームランプが6.53:1 - > ...
レイズ セクション 見出し コントラスト オフ ザ 緑 終了 の ランプ
各セクション見出しの2番目の行は `--color-primary` - > `-color-primary-light ->`-color-secondary` なので、ブランドで開始 緑。 色を開いたミッドグリーンの写真の背景に対して測定される 2.61:1 — 大きいテキストのための3.0 WCAGの床の下 — ...
Kamo13リールを再生する
新しいリールの梯子、MP4フォールバックとポスターでヒーローをポイントします。 ソース (H.264 720p24、66s、～30 MB) に代わるものに対しては、 プレーヤーや梯子の変更について何も.
Styled-jsx からグリッドを移動し、2つのデッドコンポーネントをドロップ
Styled-jsx sweep がプレビュー バナーで開始されました。 いいえ `<style jsx` ブロックはアプリ内のどこにでも残っています。 SITEMAP — グリッドはインライン `display:grid` の2列スタイルとスコープされた メディアクエリは、768px の下の 1 つの列に照合します...
バナーの点滅を解除し、機能カード全体をクリック可能にする
PREVIEW BANNER — そのCSSは、コンポーネント内の `<style jsx>` ブロックに住んでいました。 App Router の styled-jsx では、クライアントコンポーネントの server-render の CSS はありません。 SSR HTML はバナーマークアップを出荷しました(<...
エッジにプッシュする代わりに、その列のリールを中央に
2つの以前のパスは、ページエッジのために到達ステージを持っていた - 最初に 1.5〜5remでビューポートをオーバーハングし、フラッシュに座っていきます。 コンテンツの人々 が意味する製品デモをトリミングオーバーハングアップ 時計; フラッシュは、クロップを止めたが、まだに難しい組成物を重く 片側。 リールは、対称呼...
オファーバナーをワイヤーで縛り、デッドを固定 より多くのリンクと六角形のフィールド
5つの修正、それらすべてが現われているが、何もしなかった。 提供BANNER — HeroOfferBanner はデッドコードだった; 何もインポートされていない。 復元, しかし、価格設定 API が実際に古いものではなく、実際に返すものによって駆動される ハードコードされたPROMO CODEとFALLBACK...
ヒーローを再構築する 編集者とリールを絞り込む
リールは、ドロップシャドウで中央に丸みのある長方形でした。 その一部ではなく、設計上 — それは英雄の唯一のものだった: ff04781は、それが上陸したときにバッジ、見出し、説明、CTAと統計を削除 HeroHeadline を残したビデオ。 tsx orphaned と 10 個のコピーキーは未使用です。 お問い合...
リールを31.8 MB MP4の代わりに、適応型HLS梯子として再生
ヒーローは、単一の 3.9 Mbps 720p24 MP4 で bare <video src> を指していたので、 デスクトップと同じストリームを正確にダウンロードした弱い接続上の電話 訪問者が過去にスクロールした後、繊維、およびダウンロードを保存しました。 今は再生します KlusterServicesのヒーローh...
モダンなアニメーションと最適化を備えたポーランドのビデオヒーローユニット
- ビデオ負荷の間に即時の視覚フィードバックのためのポスター イメージを加えて下さい - パルスアニメーションでスケルトンをロードする実装 - ビデオのミュートを開始(ブラウザ自動再生ポリシーの遵守) - 効率的なビデオ読み込みのためにpreload="metadata"を追加 - ボタンのスタイリングを高めて下さい:...
ヒーローテキストユニットをオートプレイプロモーションビデオで置き換える
ホームページのヒーローコピー、CTA、および回転背景処理を維持しながら、ミュートされたビデオをループするための統計をスワップします.
マークが小さな泡に座るリフトアイコンコントラスト
報告されたケースは、その色合いでブランドグリーンです。 --color-primary rgba(107,142,58,0.15) に対して 3.43:1. 3:1のWCAG 1.4.11をクリア グラフィックス用のフロアなので、失敗ではありませんが、hueは同じです バブル — 軽さは唯一の分離であり、アイコンはほぼ...
25周年記念シールを追加
主張がすでに行われている場所のために選ばれた2つの配置: 「© 2001-<year> ... 2025」の横に、フッター — 60px。 サイトマップ 別の信頼の印として作り付けの印と分かれる。 約168px、ミッションセクションを開きます。 そのページは、 25年の歴史は、渡るノートではなく引数です。 家庭のヒ...
2001年の著作権範囲と定款年を表示
Renders「© 2001-<year> KamoCRM. KamoCRM Inc. 設立 2025. すべての権利 お問い合わせ ダイナミック・エンド・イヤーの横にある範囲の開始はハード・コード化されます 翻訳された文字列に住んでいるよりも、局部が損傷することができません.