200ミリ秒は速く聞こえますか？ 次のペイントへの相互作用はあなたのウェブサイトの応答性を高めるのを助けることができます
公開: 2022-07-17
轟音とともに出て行った可能性があります。 なんて月だ。 Google Core Update、2つの新しいWeb Vitalsユーザーメトリクス、およびWordPress 6.0！
5月25日、Googleは広範なコアアップデートの開始を発表しました。 2022年5月のコアアップデートは2週間続くと予想されています。 人々は検索結果ページでシフトを報告していました。 SERPの変更に気づきましたか？
2022年の2番目のメジャーWordPressリリースであるWordPress6.0も公開されました。 2022年1月にリリースされたWordPress5.9は、ブロックエディターにフルサイト編集（FSE）を導入しました。 WordPress6.0で。 ブロックエディタの機能の拡張と改善に再び焦点が当てられます。 クライアントのすべてのWebサイトがWordPress6.0に更新されていますか？
どこでもアップデート！ 私のウェブサイトにとって重要なことは何が起こったのですか？
5月のGoogleによる大きな頭脳の動きは、WebVitalsメトリックにTimeto First Byte （TTFB）とInteraction to Next Paint （INP）が追加されたことです。 新しい指標を追加することは、「重要なことに焦点を合わせ続ける」というGoogleの言い方です。
これで、応答性を測定できます。 あなたはそれらの砂の粒がギアを遅くしているところを見ることができます。 それはあなたとあなたのクライアントウェブサイトのポートフォリオにとって素晴らしいことです。
そのため、テスラはガソリン車よりも高速です。 内燃機関では、他の部品と接続しているすべての部品と摩擦によって速度が低下します。 可動部品が少ないということは、エネルギーが車輪に行くことを意味します。
コアウェブバイタルは成長しています！ pagespeed.web.devがアップグレードされたばかりで、RUMラタには、Interaction to Next Paint（INP）とTime to first Byte（TTFB）が含まれるようになりました。 あなたが私に尋ねれば両方の素晴らしい選択！ 私の意見では、INPは、簡単に操作できる最初の入力遅延よりも応答性を測定するためのはるかに優れた方法です。 最初のバイトまでの時間は、パフォーマンスのメトイコイに先行するため、常により重要であるはずです。 応答なし=ペイントなし、相互作用なしなど！
Arjen Karel
Next Paint（INP）との相互作用とは何ですか、なぜそれが重要なのですか？
Google Core Web Vitalsに加えて、Googleは、Interaction to Next Paint（INP）やTime to First Byte（TTFB）など、ますます多くのユーザー中心の応答指標を測定しています。 ただし、チームを再構築する前に、Googleは次のように述べています。
これらのフィールドメトリックは現在実験的なものですが、ユーザーが試すことができるようになりました。 実験的な指標は変更または消滅する可能性があります。
Google COM
次のペイントへのインタラクション（INP）は、ユーザーがページにアクセスしたときに最も長いインタラクションの1つを選択することにより、ページの全体的なインタラクションレイテンシを表すことを目的とした新しいメトリックです。 INPは、ほとんどの場合、多くのインタラクションがあるページのインタラクションレイテンシの98パーセンタイルです。 インタラクションが50未満のページの場合、INPはレイテンシが最も低いインタラクションです。
多くのUI要素があります。 KeyDownは、キーが押されたときに発生します。 KeyUpは、キーが離されたときに発生します。 DragOver、Drop、OnFocusなどがあります。 各インタラクションは代入され、処理され、結果がユーザーに表示されます。
すべてのアクション間の時間は測定可能であり、クリックしてから受信するまでの間隔が長いと、ユーザーエクスペリエンスが低下する可能性があります。
インタラクショントゥネクストペイント（INP）は、当社のWebサイトインタラクションのレイテンシーを測定します。 これらの相互作用のいくつかの例は次のとおりです。
- マウスイベント–ボタンをクリックして衣料品の色を変更するなど。
- タッチスクリーン上で指でアクティブ化されるインタラクティブな要素—おそらくマップ上。
- モバイルデバイスまたはデスクトップデバイスのいずれかでキーを押す—質問への回答を表示します。
あなたのウェブサイトにはたくさんの相互作用がありますか？ eコマースまたはeラーニングプラットフォームを実行していますか？ ユーザーがそのマウスイベントを待ちたくないことを知っているので、INPはかなりエキサイティングです。
これで、どのインタラクションが速度を低下させているかを確認でき、応答時間が遅いためにコンバージョンが失われている可能性がある場所を確認できます。
あなたのeコマースサイトは、待ち時間、パフォーマンスの低下、そして率直に言って、今日の顧客の期待に対してテクノロジーが時代遅れになっているマネージドワードプレスホストのためにどれだけのお金を失っていますか？
Rocket.net
次のペイントメトリックに対するGoogleのインタラクションを測定するにはどうすればよいですか？
次のペイントに対するGoogleのインタラクションを測定するには、PageSpeedInsightsにアクセスしてページのINPを測定します。 覚えて。 Webサイト全体ではなく、そのページを測定しています。
INPは、ユーザーがWebページに留まると測定値が変化するという点で、累積レイアウトシフト（CLS）に似ています。 ユーザーがページを離れると、測定が行われ、全体的なINP値が作成されます。 一部のページは、他のページよりも多くのインタラクションがあります。 アクションが選択されていない場合、一部のページの相互作用が発生しない可能性があります。
バイタルを通過したからといって、来月通過するわけではありません。 コアウェブバイタルは実験的で変化しています。 定期的にチェックして、好奇心を持ち続けてください！
レスポンシブウェブサイトは、CSSの柔軟なブロック以上のものを意味します
Next Paintへのインタラクションの測定は、Webサイトがユーザーの指の下でどの程度反応するかを測定できるため、非常にエキサイティングです。 レスポンシブウェブサイトがメニューをハンバーガーに崩壊させたことを覚えていますか？
そして、バイタルサインを重視するのはモバイルだけではありません。 デスクトップビューも同様に重要です。特に、人々が時間を取っているWebサイトについて話している場合はなおさらです。
次のペイントへのインタラクションとは、ページ上の要素がインタラクションに応答するのにかかる時間を測定することを意味します。 これで、ユーザーが別の色を選択した場合に商品の画像が変化するのにかかる時間や、回答が画面に表示されるまでにかかる時間がわかります。 ここでの速度は、多くのユーザーにとってノックアウトになる可能性があります。 覚えておいてください–スピードが勝ちます。
各インタラクションの段階間の待ち時間を短縮することで、Webサイトは真にレスポンシブになります。 速度の問題が解決されると、それが本当に重要な場所に集中できます。つまり、代理店のクライアントのビジネスでの日々の経験が向上します。
あなたが潜在的な顧客を引き付けて、維持したいので、スピードはウェブサイトでとても重要です。 そして、あなたは彼らに彼らの友達に話してもらいたいのです。 人々があなたのサイトにとどまること、そして変換することを妨げるのは、貧弱なウェブサイト体験です。
Rocket.net
マイクロインタラクションは、大丈夫なWebサイトと優れたWebサイトの違いです
インタラクションの待ち時間を節約します。 相互作用を取り除く、あなたは言いますか？
マイクロインタラクションは、ユーザーに何かができるという感覚を与える小さなものです。 それは、もはや取るに足らない、堅固な参加者ではなく、少しの努力で何かを動かしたり、言ったり、変えたりすることができるという感覚です。 ユーザーは、物事が複雑になることなく、遊び心を持って取り組んでいます。 ゲーミフィケーションですね。
マイクロインタラクションは私たちのオンライン体験にすべての違いをもたらすので、浴槽の掃除を節約するためだけに、お風呂の水で赤ちゃんを捨てないでください。
ますます多くのブランドが顧客とのつながりを育むことを目指しています。 通信チャネルには多くの注意が払われていますが、顧客にポジティブなユーザーエクスペリエンスを提供できるマイクロモーメントを利用することも同様に重要です。
UsabilityGeek.com
口で言うだけなら簡単です。 Rocketに、最速のWordPressホスティングが本当に意味するものを見せてもらいましょう！
サイトのパフォーマンス、代理店の時間、およびお金を節約しますか？ はい。 Rocket Platformには、有料バージョンのセキュリティ、画像最適化、CDN、およびJSコンテンツローダープラグインの必要性を排除する組み込み機能があります。 これらは、新しいお気に入りのプラットフォーム（以前はManaged WordPress Hostingと呼ばれていた製品）に組み込まれている機能です。
どこでも利用できる最速のWordPressホスティングであるRocket.netにサイトを移行する方法について話しましょう。 今日あなたのミッションを開始してください！