検索
重要な分析Apr 04, 2025 am 09:56 AM

重要な分析

機能の実装を正当化するためのグローバルブラウザーの使用統計のみに焦点を当てることは誤解を招きます。本当に重要なのは、特定のWebサイトでのブラウザの使用法であり、大幅に異なる場合があります。この原則は、単に古いブラウザと互換性のない機能を避けるだけでなく、単に拡張されています。これは、サイトの成功に直接関連するメトリックに優先順位を付けることです。

サイト固有のパフォーマンス追跡のこの概念は、最近私の頭に浮かびました。レガシーブラウザーのサポートのために、CSSグリッドを避けることだけではありません。それは、あなたのユーザーに本当に影響を与えるメトリックを測定することです。

パフォーマンステストは、多くの場合、合成テストに依存しています。このテストでは、自動ブラウザがサイトをロードし、資産サイズ、負荷時間、リクエストカウントなどのメトリックを記録します。便利ですが、このデータは実際のユーザーエクスペリエンスを反映していません。 JavaScriptのバンドルサイズ、最大のコンテンツフルペイント(LCP)、およびLighthouseスコアに取りつかれていますが、これらはユーザー認識の直接的な測定ではなく、プロキシです。

Google Analyticsのような典型的なWebサイト分析を検討してください。ページの人気、セッション期間、トラフィックソースに関するデータを提供している間、この情報は非常に一般的なままです。

本当に洞察力に富んだ分析には、よりターゲットを絞ったアプローチが必要です。自問してみてください:サイトのパフォーマンスの特定の側面は重要ですか?機能Xはどのくらいの頻度で使用されますか?毎週いくつのファイルがアップロードされますか?いくつのメッセージが送信されますか?星ボタンはどのくらいの頻度でクリックされますか?これらの質問は、このデータをキャプチャして報告するカスタムJavaScriptの必要性を強調しています。一般的な分析ツールでは十分ではありません。積極的な開発が必要です。

この原則は、パフォーマンスツールにも当てはまります。一般的な合成テストのみに依存する代わりに、実際のユーザー監視(RAM)を採用します。実際のデバイスで実際のユーザーを追跡し、非常に貴重な洞察を得ます。このアプローチは、焦点を絞った分析のロジックと完全に一致し、重要なデータのロックを解除します。

たとえば、SEOに影響を与える重要なGoogle Webコアの重要なSEOには、JavaScriptベースのデータ収集が必要です。同様に、LCPは、より意味のあるメトリックでの巧妙な試みですが、依然として推定を伴います。 Googleは幅広い適用性について仮定を立てる必要がありますが、サイトの重要な要素を特定し、レンダリング時間を直接追跡できます。たとえば、SpeedCurveのヒーローレンダリング時間を使用してください。

<main elementtiming="article"></main>

これは、一般的な数字だけでなく、サイトにとって重要なことを直接測定します。

さらに、FIDは価値がありますが、ユーザータイミング(W3C標準)を使用して、重要なサイトアクションをマークするJavaScriptイベントをトリガーすることを検討してください。たとえば、Codepenのようなプラットフォームでは、エディターの準備を追跡できます。

 editors.init();
performance.mark( "編集者が初期化されます。");

この積極的な分析へのアプローチは、標準的な方法を上回ります。 JavaScriptのサイズを200kBに制限するパフォーマンス予算は役立ちますが、1.1秒以内にコア機能がロードされることを保証する予算(1.4秒遅い速度ではなく)がはるかにインパクトがあります。

¹これは、3つのWeb Core VitalsのSpeedCurveチャートを作成するには、FIDデータを含めるためにラムソリューションであるLuxが必要だからです。頭字語の過負荷についてお詫びします!

以上が重要な分析の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
スクリーンリーダーの分解:アクセス可能なフォームとベストプラクティススクリーンリーダーの分解:アクセス可能なフォームとベストプラクティスMar 08, 2025 am 09:45 AM

これは、フォームアクセシビリティについて行った小さなシリーズの3番目の投稿です。 2番目の投稿を逃した場合は、「ユーザーフォーカスの管理:Focus-Visible」をご覧ください。で

Smart Forms Frameworkを使用してJavaScript連絡フォームを作成するSmart Forms Frameworkを使用してJavaScript連絡フォームを作成するMar 07, 2025 am 11:33 AM

このチュートリアルでは、Smart Formsフレームワークを使用して、プロフェッショナルなJavaScriptフォームの作成を示しています(注:使用できなくなりました)。 フレームワーク自体は利用できませんが、原則とテクニックは他のフォームビルダーに関連しています。

WordPressブロックと要素にボックスシャドウを追加しますWordPressブロックと要素にボックスシャドウを追加しますMar 09, 2025 pm 12:53 PM

CSS Box-Shadowおよびアウトラインプロパティは、WordPress 6.1でTheme.jsonサポートを獲得しました。実際のテーマでどのように機能するか、そしてこれらのスタイルをWordPressブロックと要素に適用するために必要なオプションのいくつかの例を見てみましょう。

GraphQLキャッシングの使用GraphQLキャッシングの使用Mar 19, 2025 am 09:36 AM

最近GraphQLの作業を開始した場合、またはその長所と短所をレビューした場合、「GraphQLがキャッシュをサポートしていない」または

最初のカスタムSvelteトランジションを作成します最初のカスタムSvelteトランジションを作成しますMar 15, 2025 am 11:08 AM

Svelte Transition APIは、コンポーネントがカスタムSVELTE遷移を含むドキュメントを入力または離れるときにアニメーション化する方法を提供します。

上品でクールなカスタムCSSスクロールバー:ショーケース上品でクールなカスタムCSSスクロールバー:ショーケースMar 10, 2025 am 11:37 AM

この記事では、Scrollbarsの世界に飛び込みます。私は知っています、それはあまりにも魅力的ではありませんが、私を信じてください、よく設計されたページは手をつないで行きます

ショー、Don&#039; t Tellショー、Don&#039; t TellMar 16, 2025 am 11:49 AM

あなたのウェブサイトのコンテンツプレゼンテーションの設計にどれくらいの時間に費やしますか?新しいブログ投稿を書いたり、新しいページを作成したりするとき、あなたは考えていますか

NPMコマンドは何ですか?NPMコマンドは何ですか?Mar 15, 2025 am 11:36 AM

NPMコマンドは、サーバーの開始やコンパイルコードなどの1回限りのプロセスまたは継続的に実行されるプロセスとして、さまざまなタスクを実行します。

See all articles

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

Safe Exam Browser

Safe Exam Browser

Safe Exam Browser は、オンライン試験を安全に受験するための安全なブラウザ環境です。このソフトウェアは、あらゆるコンピュータを安全なワークステーションに変えます。あらゆるユーティリティへのアクセスを制御し、学生が無許可のリソースを使用するのを防ぎます。

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

AtomエディタMac版ダウンロード

AtomエディタMac版ダウンロード

最も人気のあるオープンソースエディター

PhpStorm Mac バージョン

PhpStorm Mac バージョン

最新(2018.2.1)のプロフェッショナル向けPHP統合開発ツール

VSCode Windows 64 ビットのダウンロード

VSCode Windows 64 ビットのダウンロード

Microsoft によって発売された無料で強力な IDE エディター