ما مدى أهمية مؤشرات الويب الأساسية؟

ستساعدك المقالة التالية: ما مدى أهمية مؤشرات الويب الأساسية؟

دعونا نلقي نظرة على كيفية استخدام Lighthouse للعثور على المشكلات الدقيقة التي قد تواجهها.

النظر في مؤشرات أداء الويب الأساسية في Lighthouse

لفتح Lighthouse، انقر بزر الماوس الأيمن في أي مكان بصفحة الويب وحدد .

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

فحص LCP

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

في لقطة الشاشة أدناه، يمكنك رؤية FP (الطلاء الأول)، وFCP (أول طلاء محتوى)، وLCP مدرجًا في التوقيتات.

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

في هذه الحالة، هو عنصر نائب لصورة كبيرة. يعد هذا العنصر النائب ممارسة جيدة لتحسين LCP.

فيما يلي مثال آخر للنظر في LCP. لاحظ الفجوة في الوقت الذي يستغرقه تحميل هذه الصورة – مما يؤدي إلى ضعف مقياس LCP.

Edition.cnn.com

مرة أخرى، ستعرض Lighthouse الفرص والتشخيصات الموصى بها حول أداء موقع الويب حتى تتمكن من إيجاد طرق لتحسين LCP

يعد هذا مكانًا جيدًا لحفظ لقطة شاشة للمطور الخاص بك ومشاركة التوصيات.

رؤى الأداء من Semrush

مكان آخر للحصول على الأفكار هو من Semrush.

من تدقيق الموقع الأداة، سيقدم التقرير نظرة ثاقبة حول إصلاح أية مشكلات متعلقة بالسرعة تمت رؤيتها أثناء الزحف.

بالنسبة لكل مشكلة، يمكنك معرفة مكان حدوثها بالضبط وتلقي أفكار حول كيفية تحسين مقاييس LCP الخاصة بك.

سترى هنا تقريرًا عن أي مشكلات تتعلق بجافا سكريبت وسرعات تحميل الصفحات البطيئة وHTML التي يمكن تحسينها.

إذا لم تكن خبيرًا في التكنولوجيا مثل فريق التطوير لديك، فقد يكون من الصعب تحديد ما يجب إصلاحه أولاً.

الطريقة الجيدة هي جمع أكبر قدر ممكن من المعلومات المحددة وإعطائها للمطورين لديك حتى يتمكنوا من تقديم حل من وجهة نظرهم.

فحص FID/TBT

بعد ذلك، حان الوقت للنظر في تأخير الإدخال الأول – المدة التي يستغرقها المستخدم قبل أن يتفاعل مع الصفحة.

وفقا لجوجل web.dev مقالة، “عادةً ما تحدث تأخيرات طويلة في الإدخال الأول بين طلاء المحتوى الأول (FCP) ووقت التفاعل (TTI).”

ومن أجل قياس ذلك عبر المحاكاة، تستخدم أدوات مثل Semrush وLighthouse إجمالي وقت الحظر (TBT)، وهو مقياس أوصت به Google كبديل لمقياس FID.

يقيس TBT مقدار الوقت الإجمالي بين الطلاء الأول للمحتوى (FCP) ووقت التفاعل (TTI) ويرتبط بـ FID، ويلتقط المشكلات التي تؤثر على التفاعل ويمكن الحصول عليها في ظروف المختبر.

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

بعد ذلك، قم بتشغيل إعداد Web Vitals لمعرفة متى يستغرق الأمر أكثر من 50 مللي ثانية.

هذه هي الحالات التي يمكن فيها العمل على FID.

تتضمن بعض توصيات Lighthouse التي يمكن أن تساعد في حل FID ما يلي:

• تجنب المهام الطويلة.
• تقليل عمل الخيط الرئيسي.
• حافظ على انخفاض عدد الطلبات وأحجام النقل الصغيرة.

قد يكون من المفيد معرفة نصوص جافا سكريبت النصية التي ربما تسببت في مهام طويلة لصفحتك.

فحص CLS

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

لمعرفة أي جزء من الصفحة تم تغييره:

• انتقل إلى علامة التبويب “الأداء” (انقر فوق النقر في تقرير Lighthouse).
• انظر المسار لمعرفة متى حدث التحولات.
• قم بالتكبير وابحث لمعرفة أي جزء من الصفحة قام بهذه التحولات أثناء التحميل.

بعض التوصيات في Lighthouse التي يمكن أن تساعد في التعامل مع تغييرات التخطيط هي:

خاتمة

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

ولهذا السبب نوصي باستخدام كل من Semrush’s Site Audit وLighthouse للحصول على جميع المعلومات التي تحتاجها لتزويد فريق التطوير الخاص بك بتعليمات واضحة لتحسين هذه العناصر الحيوية.

لا تنس أن جوجل نفسها أكدت على كيفية القيام بذلك “محتوى رائع وذو صلة” يجب أن تظل أولويتك الرئيسية – مع تجربة الصفحة كعامل إضافي بالإضافة إلى هذا الهدف الأولي.