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

في هذا المنشور ، سنشرح ما هو تأخير الإدخال الأول (FID) وكيفية قياسه وماهية درجة FID الجيدة وكيفية تحسين درجاتك أخيرًا سنختتم ببعض الأسئلة الشائعة. هيا بنا نبدأ!

اشترك في قناتنا على اليوتيوب

ما هو تأخير الإدخال الأول (FID) وكيفية تحسين موقعك في 2023؟

كما ذكرنا ، FID (يشار إليه أحيانًا باسم "Input Latency") هو قياس الوقت بالمللي ثانية الذي يحدث بين وقت تفاعل الزائر مع موقعك والوقت الذي يستجيب فيه المتصفح. إنه مقياس أساسي مضمن في تقرير تجربة مستخدم Chrome . بالإضافة إلى ذلك ، فهو أحد عناصر الويب الحيوية الأساسية . هذه هي المقاييس التي يستخدمها Google لتحديد جودة تجربة المستخدم لموقعك (وبالتالي ترتيب الصفحة).

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

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

حتى إذا كان موقعك يحتوي على FCP و LCP قويين ، فقد يكون تأخير الإدخال الأول طويلاً بما يكفي لإحداث ارتداد . يمكن أن تشعر لهم كما لو أن موقعك لا يستجيب وبطيء.

باختصار ، يتم استخدام FID لتحديد مدى استجابة الصفحة أثناء تحميلها. ربما من الواضح أنه كلما كانت هذه العملية أسرع ، كان ذلك أفضل. لذلك ، من المهم معرفة كيفية قياس FID لموقعك وكيفية تحسين درجاتك.

كيفية قياس FID

قبل أن تبدأ في تحسين درجة FID الخاصة بك ، من الضروري معرفة مكانها الحالي. من الناحية المثالية ، لتوفير تجربة مستخدم قوية (UX) ، ستحتاج إلى أن تكون درجة FID الخاصة بك أقل من 100 مللي ثانية .

تعتبر الدرجة 100 مللي ثانية أو أقل  جيدة ، في حين أن الدرجة بين 100 و 300 مللي ثانية لديها مجال للتحسين. درجة FID فوق 300 مللي ثانية ضعيفة .

لقياس FID الخاص بك ، يمكنك استخدام Google PageSpeed Insights :

هذه أداة مجانية من Google تختبر أداء موقعك بعدة طرق. باستخدامه ، يمكنك مراقبة مجموعة متنوعة من المقاييس الرئيسية ، بما في ذلك FID.

لاحظ أن قياس FID قد يكون صعبًا في بعض الأحيان. هذا لأنه يتطلب إدخال المستخدم. ومع ذلك ، طالما كان لديك تفاعل مستخدم على موقعك مؤخرًا ، يجب أن تكون قادرًا على العثور على هذا المقياس عبر PageSpeed Insights.

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

يمكنك العثور على مقياس تأخير الإدخال الأول (FID) ضمن قسم بيانات الحقل . ضمن قسم الفرص أقل قليلاً ، يمكنك العثور على اقتراحات لتحسين صفحتك ونتائجك.

نريد أيضًا أن نلاحظ أن Google تشير إلى هذه الدرجات على أنها بيانات ميدانية . هذا يعني أن المعلومات تستند إلى تفاعل المستخدم الفعلي ، وليس اختبارات المحاكاة (والتي تسمى  بيانات المختبر أو يتم العثور عليها من خلال أدوات المختبر ). FID شخصي جدًا ومرتبط ارتباطًا وثيقًا بتفاعلات المستخدم الحقيقية ، لذا من المهم التأكد من أنك تستخدم البيانات الميدانية. يمكن أن تمثل المحاكاة الكثير فقط.

كيفية تحسين نقاط FID الخاصة بك

الآن بعد أن فهمت ماهية درجة FID وكيف يمكنك قياسها ، حان الوقت للنظر في كيفية تحسينها بالفعل. فيما يلي بعض النصائح والاستراتيجيات التي يمكنك استخدامها لتقليل وقت "تأخير الإدخال الأول".

تحسين وتصغير كود CSS وجافا سكريبت

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

يجب أن يعرف مستخدمو Divi أيضًا أن السمة تعمل تلقائيًا على تصغير HTML و JavaScript و CSS من البداية. سيؤدي تنشيط السمة ببساطة إلى ضغط كل هذا الرمز بحيث يكون FID الخاص بك في وضع أفضل من ذي قبل.

إذا لم تكن من مستخدمي Divi ، فلديك بعض الخيارات لتقليل الكود الخاص بك . تتمثل الطريقة السريعة والبسيطة للقيام بذلك في استخدام أداة عبر الإنترنت مثل Minify Code . انسخ الكود بالحجم الكامل ، والصقه في الموقع ، ثم يصغره الموقع ، ثم تنسخ / تلصق النتائج مرة أخرى في موقعك.

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

هناك إستراتيجية أخرى تتمثل في استخدام مكون إضافي مثل Autoptimize أو W3 Total Cache (أو أي عدد آخر).

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

قسّم مهام جافا سكريبت الطويلة إلى مهام أصغر

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

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

يكتسب مستخدمو Divi فائدة في هذا المجال أيضًا ، حيث يقوم تحديث الأداء الكبير بتفكيك مكتبة JavaScript الكبيرة للسمات ويقوم بتحميلها حسب الحاجة فقط. يجب أن يقلل هذا من FID في جميع مواقع Divi تقريبًا. تميل سمات WordPress إلى أن تأتي مع مكتبات JS الخاصة بهم ، وقد لا يمتلك المستخدمون الخبرة أو الأذونات لتقسيم الكود وتحسينه بأنفسهم. أردنا أن نجعل هذه مشكلة مع Divi.

تقليل تأثير التعليمات البرمجية للطرف الثالث والنصوص غير الهامة

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

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

يمكنك أيضًا البحث ضمن قسم " الفرص" في تقارير PageSpeed Insights للحصول على مزيد من المعلومات حول تقليل JavaScript و CSS غير المستخدمين:

إذا قمت بالنقر فوق لتوسيع أي من هذه الأقسام ، فسوف يسرد الملفات والمهام المحددة التي يمكن أن تحظر سلسلة المحادثات الرئيسية الخاصة بك. يمكنك أيضًا العثور على JavaScript و CSS غير مستخدمين باستخدام Chrome DevTools .

في كثير من الحالات ، تمنع موارد "منع العرض" هذه الصفحة من التحميل بسرعة مما يؤثر أيضًا على FID الخاص بك. لا تؤدي إزالتها و / أو تأجيلها إلى تحسين تفاعل موقعك فحسب ، بل تؤدي أيضًا إلى تحسين الاستجابة والسرعة المتصورين.

ديفي لديه تبديل لتأجيل البرامج النصية غير النقدية مثل هذا. في خيارات السمة ، يمكنك اختيار تأجيل نصوص jQuery واعتماد تأجيل CSS مضمّن والذي عند دمجه مع ميزة CSS الحرجة للقالب يزيل  جميع CSS التي تحظر العرض. يمكنك أيضًا تبديل تأجيل صفحة أنماط محرر Google Fonts و Gutenberg. يُنظر إلى كل هذه العناصر على أنها "حظر عرض" ، لذا سيرى أعضاء السمات الأنيقة نتيجة FID محسّنة على الفور تقريبًا.

الأسئلة المتداولة حول تأخير الإدخال الأول (FID)

في هذه المرحلة ، من المحتمل أن يكون لديك فهم قوي لما هو FID وأهميته على UX لموقع الويب الخاص بك ، وكذلك كيفية تحسينه. مع وضع ذلك في الاعتبار ، نريد التأكد من أننا غطينا جميع النقاط الرئيسية. لذلك دعنا نتناول بعض الأسئلة المتداولة حول FID.

كيف يتناسب FID مع الأداء العام لموقع الويب الخاص بي؟

بشكل أساسي ، يقيس FID التفاعل الأول للزوار مع موقع الويب الخاص بك. إنه مقياس كمي ومقياس متصور لأنه يؤثر على الانطباع الأول للمستخدم بموقعك. يمكنك أن ترى بشكل موضوعي متى يستجيب الموقع لإدخال المستخدم ، ولكن بناءً على تفاعلات المستخدم مع الموقع ، يمكنك أن ترى متى يرون أنه كذلك.

يقيس FID الوقت بين أول تفاعل يقوم به المستخدم والوقت الذي يستغرقه المتصفح للرد على هذا الإجراء. بمعنى آخر ، يقيِّم المقياس مدى استجابة موقعك أثناء التحميل . كلما كان ذلك أسرع ، كانت تجربة زوارك أفضل.

أيضا، وكور الويب الحيوية (جنبا إلى جنب مع أكبر الطلاء Contentful (نظام الإجراءات الجزائية) و تخطيط التراكمي العالي (CLS) )، يلعب ااا دورا هاما في كيفية تصنيف Google موقع الويب الخاص بك. لذلك ، بالإضافة إلى تجربة المستخدمين ، يمكن أن يؤثر ذلك أيضًا على تحسين محرك البحث (SEO) لموقعك . العديد من نفس الاستراتيجيات في تحسين FID ستقلل بشكل كبير من الأداء العام لموقعك أيضًا.

كيف يمكنني قياس FID الخاص بي؟

هناك عدة طرق مختلفة يمكنك من خلالها قياس درجة FID الخاصة بك. الطريقة الأسرع والأسهل هي تشغيل موقعك من خلال Google PageSpeed Insights. سيوضح التقرير مجموعة من المقاييس المهمة ، بما في ذلك FID. سيقدم أيضًا بعض الاقتراحات حول كيفية تحسين درجاتك.

بالإضافة إلى ذلك ، يمكنك استخدام بعض الأدوات الأخرى للوصول إلى درجة FID الخاصة بك. وهي تشمل تقرير تجربة مستخدم Chrome ، وتقرير أساسيات الويب من Google Search Console ، ومكتبة JavaScript لمؤشرات الويب الحيوية . قد تجد أيضًا أدوات مفيدة مثل GT Metrix و Pingdom's Speed Test .

كيف يمكنني تحسين مجموع نقاط FID الخاص بي؟

يمكن أن يساعد تحسين FID في تحسين تصنيفات UX و SEO لموقعك. عادةً ، يمكن أن تُعزى درجة FID الضعيفة إلى عدة عوامل ، بما في ذلك:

• جافا سكريبت ثقيل
• البرامج النصية غير المستخدمة
• مهام جافا سكريبت الطويلة
• ملفات نصية طويلة

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

استنتاج

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

تذكر أن درجة FID المثالية هي 100 مللي ثانية أو أقل. إذا كنت بحاجة إلى تحسين أسلوبك وتقليل هذا الوقت ، فإن الاستراتيجيات العديدة التي نناقشها أعلاه (مثل تأجيل JavaScript غير المستخدمة ، وتحسين كود CSS و JavaScript الخاص بك ، وتأجيل / إزالة موارد حظر العرض) ستؤدي بلا شك إلى تقليص أوقاتك إلى حيث يجب أن يكونوا كذلك.

هل لديك أي أسئلة حول FID؟ واسمحوا لنا أن نعرف في قسم التعليقات أدناه!

صورة مميزة عبر wan wei / shutterstock

ملاحظة المحرر: ظهرت نسخة من هذه المقالة في الأصل على elegantthemes .