تحديد النطاق
اختر القوالب والروابط والأجهزة والمناطق والتفاعلات المهمة، وسجل الفترة وحجم العينة والتغييرات.
دليل / منهج
قياس أداء الويب كما يختبره الزائر
تصف نتيجة المختبر تجربة واحدة، أما الأداء الفعلي فيتغير مع الزوار والأجهزة والرحلات.
إجابة مباشرة
كيف نقيس الأداء دون خلط النتيجة بالتجربة؟
افصل بيانات الواقع عن المختبر، والهاتف عن الحاسوب، والصفحات عن الرحلات. راقب توزيعات LCP وINP وCLS ثم حدد المورد أو التفاعل المسبب قبل التعديل.
01 / منهج الفحص
منهج الفحص
مقارنة الواقع بالمختبر
راجع Core Web Vitals الفعلية عند المئين 75؛ استخدم آثار المختبر لإعادة المشكلة وتشخيصها.
تحديد السبب
حدد عنصر LCP والموارد الحرجة والنصوص المعطلة والمهام الطويلة وتحركات التخطيط والأطراف الخارجية.
التصحيح والمراقبة
رتب التدخلات حسب الأثر والكلفة وقارن قبل وبعد بشروط متشابهة وراقب التراجع.
ورشة قياس
ثلاث عتبات لقراءة الأداء الذي يختبره الزائر
العتبات الجيدة للمئين 75 هي LCP ≤ 2.5 s وINP ≤ 200 ms وCLS ≤ 0.1. قارن الجهاز والفترة والنطاق أنفسها. يشرح الجدول مثالاً افتراضياً.
مثال افتراضي · ليس قياساً لهذا الموقع أو لعميل
| المؤشر | الحساب أو العتبة | ما الذي تتيحه النتيجة |
|---|---|---|
| التحميل · LCP | LCP ≤ 2.5 s | تتجاوز 2.8 ثانية عتبة 2.5: افحص عرض المحتوى الرئيسي. |
| التفاعل · INP | INP ≤ 200 ms | تقل 180 ميلي ثانية عن 200: تتحقق عتبة التفاعل في المثال. |
| الاستقرار · CLS | CLS ≤ 0.1 | تقل 0.08 عن 0.1: تتحقق عتبة الاستقرار في المثال. |
من الملاحظة إلى القرار
حدّد القياس
افصل بيانات الاستخدام الفعلي عن الاختبار المختبري. احفظ الرابط أو الأصل والجهاز والتواريخ.
ابحث عن السبب
افحص المحتوى الرئيسي لـLCP والتفاعلات لـINP وتغير التخطيط لـCLS.
أعد المقارنة
راجع النطاق نفسه بعد الإصلاح. اختبار جيد واحد لا يصف جميع الزوار.
متوسط أفضل ووسيط أسوأ
قيست خمس عمليات تحميل مختبرية قبل وبعد في السياق نفسه. السلاسل خيالية ولا تمثل توزيع الاستخدام الفعلي.
| الوحدة المرصودة | قبل | بعد |
|---|---|---|
| خمس ملاحظات (ثوان) | 1 ; 1 ; 1 ; 1 ; 8 | 1.5 ; 1.5 ; 1.5 ; 1.5 ; 1.5 |
| المتوسط (ثوان) | 2.4 | 1.5 |
| الوسيط (ثوان) | 1 | 1.5 |
لماذا لا تصف عبارة «أسرع في المتوسط» السلسلة كلها؟
ينخفض المتوسط من 2.4 إلى 1.5 s بينما يرتفع الوسيط من 1 إلى 1.5 s. احفظ الرصد والمؤشر المختار مسبقاً. خمس تجارب لا تعوض مئين الزيارات الفعلية.
مرجع المنهج : NIST · Measures of Location ·
ورشة قراءة البيانات
قد تظهر صورة LCP بعد DOMContentLoaded
تفصل ثلاث آثار خيالية الذاكرة المؤقتة والشبكة والرسم دون ادعاء أداء فعلي.
بيانات وسجلات افتراضية للتعلم: لا تأتي هذه النتائج من استعلام مباشر لأي خدمة.
مقارنة C1 وW1 وC2 دون خلط الظروف
تبدأ الأزمنة من بدء التنقل. يعني TTFB هنا responseStart−startTime لا زمن خادم منفصلاً. تُرصد LCP لخمس ثوان دون تفاعل.
إذا تجاوز الجدول الشاشة فمرره أفقياً؛ تعمل أسهم لوحة المفاتيح عند تركيز المنطقة.
| الفحص | ملاحظة المثال | ما يثبته | الخطوة التالية |
|---|---|---|---|
| C1 · ذاكرة باردة · شبكة A | TTFB 400 ms؛ DCL 900 ms؛ صورة LCP عند 2100 ms | يقع DCL قبل آخر رسم LCP مرصود. | تتبع الصورة: ينتهي الرد عند 1800 ms ثم الرسم. |
| W1 · ذاكرة دافئة · شبكة A | TTFB 350 ms؛ DCL 700 ms؛ LCP 1000 ms | تختلف الذاكرة المؤقتة عن C1. | صف ظرفاً آخر لا أثر تصحيح. |
| C2 · ذاكرة باردة · شبكة B | TTFB 800 ms؛ DCL 1400 ms؛ LCP 3800 ms | تغيرت الشبكة وليست C2 تكراراً مقارناً لـC1. | افصل السلاسل وأعد بالظروف نفسها. |
| تسلسل C1 | LCP−DCL = 1200 ms؛ LCP−نهاية الصورة = 300 ms | فترات وليست أسباباً مثبتة. | افحص الاكتشاف والنقل والرسم؛ لا تجمع العلامات كمدد مستقلة. |
ماذا يثبت فرق C1/W1؟
افتح كل اقتراح لمقارنة تشخيصه. قد تبقى فحوص إضافية ضرورية.
وفر تصحيح 1100 ms لكل الزوار.
لا؛ تغيرت الذاكرة ولم يُقَس أثر عام على المستخدمين.
يثبت DCL عند 900 ms اكتمال عرض C1.
لا؛ تُرسم صورة LCP في المثال لاحقاً.
فرقاً قدره 1100 ms بين ظرفين مختبريين.
مناسب. يتطلب إسناد التحسن تكرارات قبل/بعد مع ضبط الذاكرة والشبكة والمحتوى.
الأثر المقارن المحفوظ
الحالة: DEMO-P24؛ نافذة 5 ثوان بلا تفاعل C1 باردة/A: TTFB 400؛ DCL 900؛ LCP 2100 ms صورة C1: نهاية الرد 1800 ms؛ الرسم 2100 ms W1 دافئة/A: TTFB 350؛ DCL 700؛ LCP 1000 ms C2 باردة/B: TTFB 800؛ DCL 1400؛ LCP 3800 ms فرق C1−W1: 1100 ms؛ ظروف مختلفة الخلاصة: فرضية للفحص لا تحسن ميداني
احفظ الإصدار وحجم العرض والجهاز والذاكرة والشبكة وعنصر LCP وآثار الموارد. اذكر التكرارات وقاعدة التلخيص قبل المقارنة ببيانات ميدانية.
توثيق القواعد منفصل عن الأمثلة الافتراضية
02 / الأدلة المحفوظة
الأدلة المحفوظة
العينة
المصدر والتواريخ والجهاز والمنطقة والرابط أو المجموعة وحجم العينة.
التوزيع
LCP وINP وCLS مع المئين والتمييز بين الواقع والمختبر.
الأثر السببي
تسلسل الشبكة والعنصر أو المهمة أو المورد والفرضية المختبرة.
القرار
التعديل والمسؤول والأثر المرصود وحد المتابعة.
مقارنة حالات وتمارين أخرى
نقطة تحقق
قبل الوصول إلى نتيجة
قراءة خاطئة شائعة والفحص الذي يساعد على تجنبها.
استنتاج متسرع
نتيجة المختبر وحدها لا تمثل تجربة جميع الزوار؛ إذ تختلف الأجهزة والشبكات والصفحات ووقت القياس.
الفحص الحاسم
حدد الصفحات والمسارات ذات الأولوية، وقارن بيانات الاستخدام الفعلي بالمختبر، ثم اعزل تكلفة الصور والبرامج والخطوط. تحقق من أن الإصلاح لا ينقل المشكلة.
بعد الفحص
القرار وفق النتيجة
تحسن المختبر وبقي الواقع ثابتاً
لا تعلن تحسناً للمستخدم بعد. راجع تأخر الجمع والعينة والتخزين المؤقت والأجهزة والروابط.
التحميل سريع والتفاعل بطيء
افحص التفاعلات المؤثرة في INP ومهام JavaScript والمكونات الخارجية ثم أعد قياس الرحلة.
القرار وأثر المراجعة
القرار وأثر المراجعة
ما الذي يجب أن يتيحه الفحص من قرار وما الذي يُحفظ لمراجعته.
الدليل الكافي
قس صفحات ممثلة بالجهاز والشبكة والتخزين المؤقت والإصدار نفسها؛ افصل بيانات المستخدمين عن المختبر. احتفظ بأثر الموارد الأثقل.
القرار التالي
عالج الصورة الرئيسية أو CSS أو النص البرمجي المسؤول عن البطء. قارن بالطريقة نفسها وراقب التراجع.
حالات تحقق مفصلة
حالات نموذجية لإعداد التحقق، وليست وصفًا لمهام منفذة أو ملاحظات فعلية.
قياس محلي سريع يخفي مساراً بطيئاً على الهاتف
ما ينبغي فحصه
قارن عمليات تحميل متكررة وظروف الشبكة والأجهزة. افصل قياسات المختبر عن ملاحظات الاستخدام وافحص التفاوت والصفحات المعنية وظروف الجمع.
القرار والإجراء
عالج العائق المحدد في المسار ذي الأولوية. لا تعمم المتوسط المحلي على جميع الزوار ولا تنسب تغيراً إلى تصحيح دون ظروف قابلة للمقارنة.
الدليل المطلوب حفظه
احتفظ بالسيناريو والبيئة وعدد القياسات وتوزيعها والموارد التي أخرت المحتوى المفيد.
الصورة الرئيسية تنتظر تبعية يمكن تجنبها
ما ينبغي فحصه
افحص تسلسل الطلبات ومتى تُكتشف الصورة وتُنزّل وتُعرض. تحقق من البرامج والأنماط وخيارات التحميل التي تؤخر هذا التسلسل.
القرار والإجراء
صحح السبب المشاهد ثم أعد القياس. خفض حجم الملف لا يكفي عندما يكتشف المتصفح مورد المحتوى الرئيسي متأخراً.
الدليل المطلوب حفظه
احتفظ بالتتبع قبل التغيير وبعده ورابط المورد وأبعاده وحجمه وتعديلات الأولوية المطبقة فعلياً.
المتوسط يخفي صفحة بطيئة
ما ينبغي فحصه
فصل القوالب واللغات والأجهزة وشروط القياس.
القرار والإجراء
إعطاء الأولوية للمهمة البطيئة المرصودة بدل المتوسط المطمئن.
الدليل المطلوب حفظه
الرابط والشروط والمورد الغالب والقياس بعد التصحيح.
مراجعة قبل القرار
تكمل هذه الأسئلة المنهج وتساعد في تحديد ما ثبت فعلياً مع حفظ التحفظات في السجل.
قياس قابل للمقارنة
هل تصف القياسات السابقة واللاحقة الجهاز والشبكة والتخزين المؤقت والصفحة والظروف نفسها؟ احفظ عدة ملاحظات وميّز المختبر عن الاستخدام الفعلي.
عرض قرار مشروح
مثال خيالي: تخص الحالة المعيار والنطاق الموصوفين فقط.
- ملاحظة خيالية
- الرصد السابق بهاتف وذاكرة باردة؛ الرصد اللاحق بحاسوب وذاكرة دافئة.
- الحالة المعلنة
- اختلاف مرصود
- القرار والفحص التالي
- أعد ظروفاً قابلة للمقارنة قبل إعلان تحسن. احتفظ بالرصدين كسياقين مختلفين.
مسار بلا تراجع
هل يحافظ تسريع التحميل على البحث والتفاعلات والنماذج والصور المفيدة؟ اختبر تفاعلاً متأخراً وحالة خطأ، لا الوصول الأول فقط.
عرض قرار مشروح
مثال خيالي: تخص الحالة المعيار والنطاق الموصوفين فقط.
- ملاحظة خيالية
- تحمل الصورة الرئيسية أسرع، لكن زر البحث لا يستجيب بعد الإدخال.
- الحالة المعلنة
- اختلاف مرصود
- القرار والفحص التالي
- عالج التراجع الوظيفي قبل إغلاق التحسين. أعد البحث الفارغ والمفيد وحالة الخطأ.
المجتمع والمئين
هل حفظ المئين وفئة الجهاز؟ لا تخلط متوسط اختبارات منفصلة بتوزيع الاستخدام الفعلي.
الوثائق المطالعة : web.dev · Web Vitals ·
عرض قرار مشروح
مثال خيالي: تخص الحالة المعيار والنطاق الموصوفين فقط.
- ملاحظة خيالية
- تعطي ثلاث تجارب مختبرية متوسطاً؛ لا يتوفر توزيع للزيارات الفعلية.
- الحالة المعلنة
- لم يُفحص
- القرار والفحص التالي
- صف النتيجة بقياس مختبري. أبق مئين الاستخدام الفعلي غير متحقق منه وحدد فئة الجهاز.
أدوات / سجلات
المعلومات المطلوب تسجيلها
افصل القياسات المختبرية عن البيانات الميدانية. قارن الصفحة والجهاز والفترات المتماثلة؛ احفظ المئين وحجم العينة المتاحين.
- تاريخ الاطلاع والمنطقة الزمنية
- الرابط الدقيق
- الجهاز / المتصفح
- المقياس / القياس
- العينة / المجتمع
- النتيجة المرصودة
- القرار / الخطوة التالية
- مسؤول المراجعة
- المراجعة التالية
03 / FAQ
أسئلة شائعة
لماذا تختلف الأرقام؟
تشمل بيانات الواقع أجهزة وشبكات متنوعة، بينما يستخدم المختبر شروطاً مضبوطة.
ما المئين 75؟
قيمة تبلغها أو تحسنها 75٪ من الزيارات المقاسة ضمن عينة محددة.
هل يكفي اختبار واحد لـINP؟
لا. اختبر تفاعلات متعددة واستعن بالواقع؛ يفسر الأثر المخبري حالة بعينها.
هل نحسن كل الصور؟
ابدأ بالصور التي تؤثر فعلاً في التحميل المرئي مع أبعاد وأولوية ملائمتين.
ما هي القيمة التي ينبغي الاحتفاظ بها عندما تختلف المعايير؟
الحفاظ على الانتهاكات ووصف انتشارها مع قاعدة ملخصة واضحة. يجب أن يتوافق الاختيار مع الهدف من السيطرة ويسمح بإعادة المقارنة في نفس الظروف.
04 / مراجع رسمية
مراجع رسمية
عرض السياق
مرجع موثق
قراءة عتبات Core Web Vitals دون استنتاج حكم غير موثق
تصف LCP وINP وCLS ثلاثة أبعاد مختلفة للتجربة. تصنف العتبات المنشورة قيمة عددية، لكنها لا تجعل اختبارا منفردا ممثلا لجميع الزوار.
| المرجع | القيمة أو الصيغة | ما الذي يحدده |
|---|---|---|
| LCP | ≤ 2500 ms · > 4000 ms | تصف LCP رسم أكبر محتوى مؤهل. جيد حتى 2500 مللي ثانية شاملا؛ يحتاج إلى تحسين حتى 4000 شاملا؛ وضعيف فوق ذلك. |
| INP | ≤ 200 ms · > 500 ms | تصف INP الاستجابة للتفاعلات المؤهلة. جيد حتى 200 مللي ثانية شاملا؛ يحتاج إلى تحسين حتى 500 شاملا؛ وضعيف فوق ذلك. ليست مدة مهمة عمل كاملة. |
| CLS | ≤ 0.1 · > 0.25 | تمثل CLS درجة ثبات بصري بلا وحدة. جيد حتى 0.1 شاملا؛ يحتاج إلى تحسين حتى 0.25 شاملا؛ وضعيف فوق ذلك. لا تحول الدرجة إلى مللي ثانية. |
| p75 | 75% | يستخدم التقييم الميداني المئين 75: نحو ثلاثة أرباع المشاهدات تساوي هذه القيمة أو تقل عنها. يجيب المتوسط الحسابي عن سؤال مختلف. |
| COHORT | URL / الأصل · الجهاز · الفترة | قارن النطاق نفسه: الصفحة أو الأصل والجهاز والفترة. العتبات واحدة للهاتف والحاسوب، لكن تقرأ مجموعتا المستخدمين منفصلتين. |
| MISSING | ≠ 0 | غياب مقياس، مثلا لعدم وجود تفاعل مؤهل، لا يعني الصفر. لا تعلن اجتيازا عاما دون المقاييس الثلاثة المطلوبة وسياقها. |
تصنيف ثلاث قيم حسب العتبات المنشورة
القيم الأولية حدود الفئة الجيدة. لا طلب شبكة ولا قياس للموقع. تصرح بالسياق ولا يجري التحقق من البيانات.
أدخل ثلاثة أعداد عشرية غير سالبة بلا وحدات أو فواصل آلاف وبحد 64 محرفا. تقبل النقطة أو الفاصلة العشرية.
المثال الأولي: الحدود الثلاثة ضمن الفئة الجيدة. تصنيف عددي فقط دون استنتاج اجتياز التقييم الميداني.
| المقياس | القيمة المدخلة | الفئة العددية |
|---|---|---|
| LCP | 2500 ms | جيد |
| INP | 200 ms | جيد |
| CLS | 0.1 | جيد |
| المقياس | جيد | يحتاج إلى تحسين | ضعيف |
|---|---|---|---|
| LCP | ≤ 2500 ms | > 2500 · ≤ 4000 ms | > 4000 ms |
| INP | ≤ 200 ms | > 200 · ≤ 500 ms | > 500 ms |
| CLS | ≤ 0.1 | > 0.1 · ≤ 0.25 | > 0.25 |
ما يُحفظ في الملف
يطبق القارئ الحدود العددية المنشورة فقط. القيم الأولية هي حدود الفئة الجيدة وليست قياسات لهذا الموقع.
هل تثبت ثلاث قيم جيدة أن الموقع يجتاز التقييم؟
فقط ضمن شروط التقييم الميداني: ثلاث قيم p75 قابلة للمقارنة ومؤهلة ضمن النطاق المعلن. الاختبار المخبري أو الإدخال اليدوي لا يتحقق من هذه الشروط.
الوثائق الأصلية
تاريخ الاطلاع على الوثائق .
مرجع موثق
CrUX: فصل النافذة والنطاق والمشاهدات المتاحة
تصف استجابة CrUX مجموعة مؤهلة داخل نافذة متحركة. قبل مقارنة قيمتي p75 احفظ مفتاح الطلب والأجهزة والتواريخ المعادة.
| المرجع | القيمة أو الصيغة | ما الذي يحدده |
|---|---|---|
| url / origin | الصفحة / الأصل | يستهدف طلب URL صفحة، بينما يجمع origin صفحات الأصل. نتيجة الأصل الجيدة لا تعوض تلقائيا قياس صفحة بعينها. |
| formFactor | PHONE · DESKTOP · TABLET | يعزل formFactor فئة جهاز. حذفه يجمع الفئات المتاحة ولا يعني الحاسوب. تغيير المرشح يغير مجموعة المشاهدات. |
| collectionPeriod | firstDate · lastDate | يعيد المخطط firstDate وlastDate داخل collectionPeriod. احفظ الحدين مع المقياس بدلا من تاريخ الاستعلام وحده. |
| WINDOW | 28 يوما | تمتد الفترة 28 يوما حتى لصفحة أحدث. لا تثبت النافذة وجود مشاهدات فعلية في الأيام كلها أو حضورا متصلا في العينة. |
| percentiles.p75 | ≠ المتوسط | الحقل p75 مئين وليس متوسطا أو قياسا آنيا. تتداخل النوافذ المتتالية كثيرا، فلا تمثل عينتين مستقلتين. |
| ELIGIBILITY | عام · شائع | تعتمد الأهلية على المستخدمين والصفحات وشعبية دنيا لا ينشر حدها الدقيق. غياب الاستجابة لا يعني انعدام الزيارات أو ضعف الأداء. |
ما يُحفظ في الملف
تحدث الواجهة يوميا مع تأخر الجمع. تكرار الطلب لا ينشئ قياسا فوريا؛ احفظ أيضا النطاق المعاد فعليا.
هل يمكن وصف الفترة بأنها 28 يوما مقاسا؟
الأدق نافذة تجميع من 28 يوما. قد تقدم صفحة حديثة أو غير مؤهلة مؤقتا جزءا فقط من المشاهدات الممكنة.
الوثائق الأصلية
تاريخ الاطلاع على الوثائق .
قراءة موسعة / تطبيق عملي
ربط القياس التقني بحالة استخدام
تحصل صفحة على درجة متغيرة حسب الأداة أو التنفيذ. من أجل فهم الخبرة ، من الضروري توثيق السياق وتمييز قياس المختبر من ملاحظات الاستخدام المتاحة.
آخر تحديث في .
الفحوص ذات الأولوية
إرسال الجهاز، الشبكة المحاكاة، الصفحة، حالة الكاش، وتكرار. فحص الموارد التي تأخر عرض مفيد أو التفاعل، ثم تكرار القياس بعد تصحيح.
أخطاء التفسير
مقارنة اثنين من النتيجة من الظروف المختلفة يمكن أن تعطي التحسين تأثير يأتي من الاختبار. يمكن أن يترك الفوز الفني أيضًا مسارًا مختلطًا دون تغيير.
وثيقة العمل التي ينبغي حفظها
يحتوي ملف القياس على الشروط والقيم الخام والتوزيع والتغيير الذي تم إجراؤه. يربط التصحيح بالمرحلة التي تسعى لتحسينها.