200 مللي ثانية صوت سريع؟ يمكن أن يساعد التفاعل مع الطلاء التالي على تعزيز استجابة موقع الويب الخاص بك

نشرت: 2022-07-17
200 Milliseconds Sound Fast? Interaction To Next Paint Can Help Boost the Responsiveness Of Your Website

قد يخرج مع الزئير. يا له من شهر. Google Core Update واثنان جديدان من مقاييس المستخدم لأساسيات الويب و WordPress 6.0!

في 25 مايو ، أعلنت Google عن بدء تحديثها الأساسي واسع النطاق. من المتوقع أن يستمر التحديث الأساسي لشهر مايو 2022 لمدة أسبوعين. كان الأشخاص يبلغون عن التحولات في صفحات نتائج البحث. هل لاحظت أي تغيير في SERPs الخاصة بك؟

تم طرح WordPress 6.0 ، وهو الإصدار الرئيسي الثاني من WordPress لعام 2022. قدم WordPress 5.9 ، الذي تم إصداره في يناير 2022 ، تحرير الموقع بالكامل (FSE) لمحرر الكتلة. مع WordPress 6.0. ينصب التركيز مرة أخرى على توسيع وتحسين وظائف محرر الكتل. هل تم تحديث جميع مواقع الويب الخاصة بعملائك إلى WordPress 6.0؟

تحديثات في كل مكان! ما الذي حدث وهذا مهم لمواقع الويب الخاصة بي؟

كان تحرك الدماغ الكبير بواسطة Google في مايو هو إضافة Time to First Byte (TTFB) والتفاعل مع Next Paint (INP) إلى مقاييس Web Vitals الخاصة بهم. تعد إضافة مقاييس جديدة طريقة Google للقول ، "حافظ على تركيزك على ما هو حيوي".

يمكنك الآن قياس الاستجابة. يمكنك أن ترى أين تعمل حبيبات الرمل هذه على إبطاء التروس. هذا رائع لك ولمحفظة مواقع العملاء الخاصة بك.  

هذا هو السبب في أن سيارة تسلا أسرع من السيارة التي تعمل بالغاز. في محرك الاحتراق الداخلي ، تفقد السرعة من خلال جميع الأجزاء المتصلة بالأجزاء الأخرى والاحتكاك. تعني الأجزاء الأقل تحريكًا أن الطاقة تذهب إلى العجلات.

حيوية الويب الأساسية تنمو! حصلت pagespeed.web.dev للتو على ترقية ، وتشمل نسب RUM الآن التفاعل مع الرسام التالي (INP) ووقت البايت الأول (TTFB). كلا الخيارين العظيمين إذا سألتني! في رأيي ، يعد INP طريقة أفضل بكثير لقياس الاستجابة من تأخير الإدخال الأول الذي يمكن التلاعب به بسهولة. يجب أن يكون Time To First Byte دائمًا أكثر أهمية لأنه يسبق أي مقياس أداء. لا توجد استجابة = لا طلاء ، لا تفاعل وما إلى ذلك !.

آرين كاريل

ما هو التفاعل مع Next Paint (INP) ، ولماذا هو مهم؟

بالإضافة إلى Google Core Web Vitals ، تقيس Google عددًا متزايدًا من مقاييس الاستجابة التي تتمحور حول المستخدم ، بما في ذلك Interaction to Next Paint (INP) و Time to First Byte (TTFB). ومع ذلك ، قبل إعادة تجهيز فريقك ، تقول Google:

هذه المقاييس الميدانية تجريبية حاليًا ولكنها متاحة الآن للمستخدمين لتجربتها. قد تتغير المقاييس التجريبية أو تختفي.

Google.com

يُعد التفاعل مع Next Paint (INP) مقياسًا جديدًا يهدف إلى تمثيل وقت استجابة التفاعل الإجمالي للصفحة عن طريق تحديد أحد التفاعلات الفردية الأطول عندما يزور المستخدم الصفحة. غالبًا ما يكون INP هو النسبة المئوية 98 لزمن استجابة التفاعل للصفحات التي تحتوي على العديد من التفاعلات. بالنسبة للصفحات التي تحتوي على أقل من 50 تفاعلاً ، فإن INP هو التفاعل مع أسوأ زمن انتقال.

هناك العديد من عناصر واجهة المستخدم. يحدث KeyDown عند الضغط على أحد المفاتيح. يحدث KeyUp عندما يتم تحرير مفتاح. هناك DragOver و Drop و OnFocus وغير ذلك الكثير. يتم احتساب كل تفاعل ومعالجته وعرض نتيجة على المستخدم.

يمكن قياس الوقت بين كل إجراء ، ويمكن أن تضيف الفاصل الزمني الطويل بين النقر والاستلام إلى تجربة مستخدم سيئة .

يقيس التفاعل مع Next Paint (INP) زمن انتقال تفاعلات موقعنا على الويب. تتضمن بعض الأمثلة على هذه التفاعلات ما يلي:

  • حدث الماوس - مثل النقر على زر لتغيير ألوان مقالة الملابس.
  • عنصر تفاعلي يتم تنشيطه على شاشة تعمل باللمس بإصبع - ربما على الخريطة.
  • الضغط على مفتاح سواء على الهاتف المحمول أو جهاز سطح المكتب - لإظهار إجابة السؤال.

هل يحتوي موقع الويب الخاص بك على الكثير من التفاعلات؟ هل تدير منصات التجارة الإلكترونية أو التعليم الإلكتروني؟ نظرًا لأنك تعلم أن المستخدمين لن يرغبون في الانتظار حتى يكون حدث الماوس هذا ، فإن INP مثير جدًا.

يمكنك الآن معرفة التفاعلات التي تبطئك وربما ترى أين قد تفقد التحويلات من خلال وقت الاستجابة البطيء.

ما مقدار المال الذي يخسره موقع التجارة الإلكترونية الخاص بك بسبب زمن الوصول ، وسوء الأداء ، ولكي أكون صريحًا ، مضيف WordPress مُدار تقنيته عفا عليها الزمن بالنسبة لتوقعات العملاء اليوم؟

Rocket.net

كيف يمكنني قياس تفاعل Google مع مقياس الرسم التالي؟

لقياس تفاعل Google مع Next Paint ، انتقل إلى PageSpeed ​​Insights لقياس INP لصفحتك. تذكر. أنت تقيس تلك الصفحة - وليس موقعك الإلكتروني بالكامل.

يشبه INP تغيير التخطيط التراكمي (CLS) من حيث أن قيم القياس ستتغير مع بقاء المستخدم على صفحة الويب الخاصة بك. بمجرد مغادرة المستخدم للصفحة ، يتم إجراء القياس ، مما يؤدي إلى إنشاء قيمة INP إجمالية. سيكون لبعض الصفحات تفاعلات أكثر من غيرها. قد لا تحدث تفاعلات بعض الصفحات إذا لم يتم اختيار إجراء.

فقط لأنك تمرر البيانات الحيوية الآن لا يعني أنك ستنجح الشهر المقبل. تعتبر مؤشرات الويب الأساسية تجريبية ومتغيرة. تحقق مرة أخرى بانتظام وابقى فضوليًا!

يعني موقع الويب المتجاوب أكثر من الكتل المرنة في CSS الخاص بك

يعد قياس التفاعل مع Next Paint أمرًا مثيرًا للغاية لأنه يمكننا الآن قياس مدى استجابة موقعنا الإلكتروني تحت أصابع مستخدمينا. هل تتذكر عندما كان موقع الويب سريع الاستجابة يعني أن قائمتنا انهارت وتحولت إلى همبرغر؟

وليس الجوال فقط هو المهم بالنسبة للأمور الحيوية. تعتبر عروض سطح المكتب مهمة بنفس القدر - خاصة إذا كنا نتحدث عن تلك المواقع التي يستغرقها الأشخاص وقتهم.

يعني التفاعل مع Next Paint قياس الوقت الذي تستغرقه العناصر على الصفحة للاستجابة للتفاعل. يمكننا الآن معرفة المدة التي يستغرقها تغيير صورة المنتج إذا اختار المستخدم لونًا آخر أو المدة التي تستغرقها الإجابة لتظهر على الشاشة. السرعة هنا يمكن أن تكون بالضربة القاضية للعديد من المستخدمين. تذكر - السرعة تفوز.

إن تقصير وقت الاستجابة بين مراحل كل تفاعل يجعل موقع الويب مستجيبًا حقًا. مع حل مشاكل السرعة ، يمكنك التركيز على ما يهم حقًا - تحسين تجربة عملاء وكالتك اليومية مع أعمالهم.

السرعة مهمة جدًا على موقع الويب لأنك تريد جذب العملاء المحتملين والاحتفاظ بهم. وتريد منهم أن يخبروا أصدقائهم. ما يمنع الأشخاص من البقاء على موقعك - ​​والتحويل - هو تجربة موقع ويب سيئة.

Rocket.net

التفاعلات الدقيقة هي الفرق بين موقع ويب جيد وموقع ويب رائع

احفظ وقت الاستجابة للتفاعل. تخلص من التفاعلات ، تقول؟

التفاعلات الدقيقة هي أشياء صغيرة تمنح مستخدمينا الشعور بالقدرة على فعل شيء ما. إنه الشعور بأنك لم تعد مشاركًا صارمًا وغير مهم ، ولكنك قادر على تحريك أو قول أو تغيير شيء ما بجهد ضئيل. يتفاعل المستخدم بشكل هزلي دون تعقيد الأمور. التلعيب ، أليس كذلك؟

تُحدث التفاعلات الدقيقة فرقًا كبيرًا في تجربتنا عبر الإنترنت ، لذلك لا تتخلص من الطفل بماء الحمام فقط لتوفير تنظيف حوض الاستحمام.

تتطلع العلامات التجارية أكثر فأكثر إلى تعزيز العلاقات مع عملائها. في حين تم إيلاء الكثير من الاهتمام لقنوات الاتصال ، من المهم بنفس القدر الاستفادة من اللحظات الدقيقة حيث يمكنك تزويد العملاء بتجربة مستخدم إيجابية.

UsabilityGeek.com

كلام رخيص. دع Rocket تظهر لك ما تعنيه أسرع استضافة WordPress حقًا!

توفير أداء الموقع ووقت وكالتك والمال؟ نعم. يحتوي Rocket Platform على ميزات مدمجة تقضي على حاجتك إلى إصدارات مدفوعة من الأمان وتحسين الصور و CDN و JS contentندر plugins. إنها ميزات مضمنة في النظام الأساسي الجديد المفضل لديك (المنتج المعروف سابقًا باسم Managed WordPress Hosting).

لنتحدث عن كيفية ترحيل موقعك إلى Rocket.net ، أسرع استضافة WordPress متوفرة في أي مكان. ابدأ مهمتك اليوم!