対話する時間を使用してフロントエンドを最適化する (TTI)

交流する時間
対話する時間の問題

遅いウェブサイトは迷惑です。

遅いウェブサイトはサイト訪問者にとって大きな転換であるという主張にもかかわらず、問題は増大しています。 次は何ですか.ネオン色のコミックサンMSフォントのリターン? この1998年は何ですか? 真剣に.Radwareの調査によると、最適なウェブサイトの読み込み時間は3秒(以下)ですが、 上位100の小売サイト の読み込み時間の中央値は7.72秒で、2012年春以来13.7%の恐ろしい減速です。

しかし、一部のウェブサイトは、ウェブサイトの使いやすさとそれが提供するユーザーエクスペリエンスのための新しい重要な指標に引っ掛かっているように、明るいスポットがあります:対話する時間(TTI)。 ドットコムモニターは、その利点のいくつかを議論した 以前のブログ記事 でウェブサイトのスピードTTIをレビューしました. しかし、ウェブサイトが実際にTTIを使用してサイト訪問者により良いユーザーエクスペリエンスを提供する方法を見てみましょう。

対話する時間とページの読み込みが等しくない

第一に、TTI全体が完全に単純ではありません。 つまり、Radwareの調査では、TTIが速いページと、全体的な読み込み時間が短いページとの間に強い相関関係が示されました。 しかし、一部のサイトではページの読み込み時間と TTI との間に相関関係がありません。 たとえば、TTI の上位 10 位の 3 つのサイト(Netflix.com、iHerb.com、LivingSocial.com)は、実際にはページの読み込み時間が業界平均よりも遅いと考えられますが、その TTI は非常に短く、非常に短いものでした。 これは 、すでにTTIをメトリックとして採用しており、コンテンツを最適化して 、重要でインタラクティブなコンテンツが最初に読み込まれる一方で、重要でないコンテンツが延期されていることを強く示唆しています。 ああハ! これは、対話する時間がユーザーエクスペリエンスとWebパフォーマンス分析の標準になりつつあることを強く示しています。

トレードのトリック

ページを TTI 用に最適化することは、ページ全体の読み込み時間を最適化することとは異なります。 具体的には、いくつかのTTI最適化のヒントが含まれます。

  • 最初に「フォールドの上」のコンテンツを読み込む
  • インタラクティブ要素を素早く読み込む
  • テキストと画像の圧縮
  • コードの統一
  • キャッシュされたコンテンツが期限切れにならないようにキープアライブを利用する
  • サードパーティのスクリプト (ソーシャル ツールや分析ツールなど) の負荷を延期するほか、ページが完全に読み込まれる前にインタラクティブである必要がない要素も含まれます。

ウェブサイトを最適化してTTIを最適化することは難しいことではありませんが、訪問者が重要と考える可能性のあるコンテンツを決定するには、いくつかの作業が必要です。 ほとんどのサイトでは、これは問題ではありません。eコマースサイトでは、重要なコンテンツは、その日の特集製品など、しばしばかなり明白です。 ブログでは、おそらく注目記事または最新の記事です。 訪問者を追跡する場合、大多数の訪問者がサイトで最初の数秒を過ごす場所を判断することは難しいことではありません。 ユーザーエクスペリエンスの最初の数秒のために、TTIの原則を使用してコンテンツを整理し、最適化することは、購入とユーザーの不満と機会の喪失の違いである可能性が高いです。

TTIに対するあなたの考えは何ですか? ユーザー エクスペリエンスを測定するための有効な Web パフォーマンス メトリックですか。 以下のコメントでお知らせください。

 

{ 写真のクレジット: アダム・フォスター|コードの – cc }

Latest Web Performance Articles​

Start Dotcom-Monitor for free today​

No Credit Card Required