أساسيات الويب الأساسية مقابل المنارة: الفرق والمقارنة

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

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

الوجبات السريعة الرئيسية

1. Core Web Vitals عبارة عن مجموعة من المقاييس المحددة التي تستخدمها Google لقياس تجربة المستخدم على موقع الويب. في الوقت نفسه ، Lighthouse هي أداة توفرها Google للمطورين لاختبار أداء وجودة موقع الويب الخاص بهم.
2. تقيس Core Web Vitals ثلاثة مقاييس محددة تتمحور حول المستخدم: سرعة التحميل والتفاعل والاستقرار البصري ، بينما يقيس Lighthouse نطاقًا أوسع من المقاييس ، بما في ذلك الأداء وإمكانية الوصول وأفضل الممارسات.
3. تعد "أساسيات الويب الأساسية" ضرورية لمالكي مواقع الويب للتركيز عليها لأنها تؤثر بشكل مباشر على تجربة المستخدم وتصنيفات محرك البحث. في الوقت نفسه ، Lighthouse هي أداة يمكنها تحديد مجالات التحسين وتحسين أداء موقع الويب.

أساسيات الويب مقابل المنارة

يتمثل الاختلاف بين Core Web Vitals و Lighthouse في أن كلا الأداتين تم تقديمهما بواسطة Google ، والمقاييس الثلاثة التي قدمتها Core Web Vitals هي LCP (أكبر رسم محتوى) و FID (عرض الإدخال الأول) و CLS (تغيير التخطيط التراكمي) أثناء التشغيل من ناحية أخرى ، يحتوي Google Lighthouse أيضًا على ثلاثة مقاييس واثنان منهم متماثلان مع Core Web Vitals التي هي LCP (أكبر رسم محتوى) و CLS (تغيير التخطيط التراكمي) و TBT (إجمالي وقت الحظر).

تم تقديم Core Web Vitals بواسطة Google في عام 2020 شهر مايو. إنها مجموعة فرعية من عناصر الويب الحيوية ، وهي تنطبق على جميع صفحات الويب الخاصة بـ Google. ويقوم مالكو مواقع الويب هذه بالقياس بمساعدة هذه الأداة ، وبعد ذلك وفقًا لذلك ، تقوم Google بفرزها.

تم تقديم أداة Lighthouse بواسطة Google في 19 مايو 2020. تم تصميم هذه الأداة لقياس حيوية الويب الأساسية وأيضًا لتحسين جودة صفحات الويب أو تحسينها.

يتم استخدام الأداة بعد إدخال عنوان URL لصفحة الويب ، ثم تقوم بتشغيل سلسلة من عمليات الفحص ثم تقوم بتسجيل نتائج صفحة الويب بتقرير مفصل عنها. 

جدول المقارنة

معلمات المقارنة	عناصر الويب الأساسية	منارة
ما هو؟	إنها مجموعة فرعية من مؤشرات الويب الحيوية ويتم تطبيقها على جميع صفحات الويب ، ويتم قياسها بواسطة جميع مالكي المواقع والأسطح في جميع أنحاء Google.	أداة لتحسين جودة صفحة الويب
طريقة التشغيل	يُظهر أداء صفحة الويب بناءً على بيانات الاستخدام في العالم الحقيقي (بيانات الحقل)	تقوم بإنشاء سلسلة من عمليات التحقق ، ثم يتم عرض تقرير مفصل مع نقاط مدى جودة أداء الصفحة.
قدم في	مايو 2020	19 مايو 2020
يقاس ب	يتم قياسه بواسطة أداة Lighthouse ، تقرير Chrome UX ، Chrome DevTools ، Search Console ، PageSpeed ​​Insights.	لا توجد مثل هذه الأداة لذلك.
المقاييس	LCP (أكبر طلاء محتوى) ، FID (عرض الإدخال الأول) ، CLS (تغيير التخطيط التراكمي)	LCP (أكبر طلاء محتوى) ، CLS (تغيير التخطيط التراكمي) ، TBT (إجمالي وقت الحظر)

ما هي حيوية الويب الأساسية؟

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

تم تقديم هذه الأداة في مايو 2020 ، وتقوم هذه الأداة بتصفية أداء صفحة الويب بناءً على بيانات الاستخدام الواقعية أو البيانات الميدانية. يمكن للعديد من الأدوات قياس "أساسيات الويب الأساسية" ، وبعضها - أداة Lighthouse ، Chrome UX التقرير و Chrome DevTools و Search Console و PageSpeed ​​Insights.

تركز المقاييس الحالية للأداة على ثلاثة أشياء تساعد في تحسين تجربة المستخدم - التحميل (LCP) والتفاعل (FID) والتحميل المرئي (CLS). يقيس LCP ، أو Largest Contentful Paint ، أداء تحميل صفحة الويب ، وفي غضون 2.5 ثانية ، يجب أن يحدث LCP.

FID ، أو عرض الإدخال الأول لصفحة الويب ، يقيس التفاعل ، ويجب أن تحتوي الصفحة على 100 مللي ثانية أو أقل من FID. CLS ، أو تغيير التخطيط التراكمي للصفحة ، يقيس التحميل المرئي ، ويجب أن تحتوي الصفحة على 0.1 أو أقل من CLS.

يقال إن صفحة الويب ، التي تتجاوز جميع المقاييس فوق 75٪ ، تحقق الهدف الصحيح للجمهور.

ما هي المنارة؟

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

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

تعمل أداة Google Lighthouse أيضًا على المقاييس الثلاثة ، اثنان منها متماثلان مع Core Web Vitals وهما LCP و CLS و TBT. يقيس LCP (أكبر رسم محتوى) تجربة تحميل صفحة الويب ، ويجب أن يسجل 2.5 ثانية أو أقل.

يقيس CLS (التنسيق التراكمي Swift) التحميل المرئي لصفحة الويب ، ويجب أن يسجل 0.10 أو أقل. يقيس TBT (إجمالي وقت الحظر) استجابة صفحة الويب. لها علاقة مع FID.

الاختلافات الرئيسية بين أساسيات الويب الأساسية والمنارة

1. أداة Google Core Web Vitals هي نوع من الأدوات التي تنطبق على جميع صفحات الويب ويتم قياسها من قبل جميع مالكي مواقع الويب ، وهذا يظهر في جميع أنحاء Google بينما ، من ناحية أخرى ، فإن Google Lighthouse هي أداة تساعد في تحسين الجودة من الويب.
2. تُظهر أداة Core Web Vitals أداء صفحة الويب استنادًا إلى بيانات الاستخدام في العالم الحقيقي (بيانات الحقل) بينما تقوم أداة Google Lighthouse ، من ناحية أخرى ، بإجراء سلسلة من الفحوصات أولاً ثم تقدم نتيجة تفصيلية وتقرير عن صفحة حول كيفية أدائها.
3. تم تقديم أداة Google Core Web Vitals في مايو 2020 ، بينما تم تقديم أداة Google Lighthouse في 19 مايو 2020.
4. يمكن قياس "أساسيات الويب الأساسية" من خلال العديد من الأدوات مثل - Lighthouse وتقرير Chrome UX و PageSpeed ​​Insights و Search Console و Chrome DevTools ، بينما من ناحية أخرى ، لا توجد أداة قياس من هذا القبيل لـ Google Lighthouse.
5. يحتوي Core Web Vitals على ثلاثة مقاييس هي - LCP (أكبر رسم محتوى) و FID (عرض الإدخال الأول) و CLS (تغيير التخطيط التراكمي) بينما يحتوي Google Lighthouse أيضًا على ثلاثة مقاييس ، اثنان منها هو نفس Core Web حيوية ، وهي - LCP (أكبر رسم محتوى) و CLS (تغيير التخطيط التراكمي) و TBT (إجمالي وقت الحظر).

مراجع حسابات

1. https://www.itema-conference.com/wp-content/uploads/2021/04/ITEMA-2020_Conference-Proceedings_FINAL.pdf#page=25
2. https://www.mdpi.com/0718-1876/16/5/77
3. https://www.theseus.fi/bitstream/handle/10024/352102/Analyis%20of%20deploying%20a%20React%20PWA%20on%20Google%20Play%20Store%20using%20TWA_Yoseph%20Alemu_Final%20Version%20%281%29.pdf?sequence=2
4. https://staff.fnwi.uva.nl/a.s.z.belloum/MSctheses/MScthesis_Tjarco.pdf

آخر تحديث: 06 يوليو 2023