مؤشرات أداء الويب في 30 ثانية: قسّم، أعد الإنتاج، أصلح، تحقّق
فيديو صامت: بلا تعليق صوتي أو موسيقى أو مؤثرات صوتية. يكرر هذا النص كل كلمة تظهر على الشاشة ويصف كل مشهد.
يتضمن الفيديو اسم الموضوع «مؤشرات أداء الويب»، والملاحظة «رسم توضيحي»، وشعار TecnoStack، وأرقام التقدم 1، 2، 3، 4، 5، 6. تظهر العناصر وتختفي أثناء الانتقالات، ويحل الختام محل التذييل في النسخة العمودية.

[0:00–0:05] المشهد 1 من 6 (intro)
العنوان التمهيدي: مؤشرات أداء الويب
العنوان: قِس الزيارات الحقيقية
النص المساند: حدود الأداء الجيد عند المئين 75
المخطط (قائمة تحقق من الأدلة): LCP (≤ 2.5 ثانية)؛ INP (≤ 200 ملّي ثانية)؛ CLS (≤ 0.1)
مع إبراز: LCP؛ INP؛ CLS
الوصف: مقارنة دون درجات: LCP، INP، CLS. التركيز على: LCP، INP، CLS.

[0:05–0:10] المشهد 2 من 6 (step1)
العنوان التمهيدي: 01
العنوان: قسّم البيانات قبل الإصلاح
النص المساند: قارن القالب والجهاز واللغة
المخطط (محور وروابط): البيانات الميدانية؛ قالب الصفحة؛ جوال أو مكتبي؛ عربي أو إنجليزي
الروابط: البيانات الميدانية ← قالب الصفحة؛ البيانات الميدانية ← جوال أو مكتبي؛ البيانات الميدانية ← عربي أو إنجليزي
مع إبراز: جوال أو مكتبي؛ عربي أو إنجليزي
الوصف: شبكة علاقات: البيانات الميدانية، قالب الصفحة، جوال أو مكتبي، عربي أو إنجليزي. الروابط: من «البيانات الميدانية» إلى «قالب الصفحة»؛ من «البيانات الميدانية» إلى «جوال أو مكتبي»؛ من «البيانات الميدانية» إلى «عربي أو إنجليزي». التركيز على: جوال أو مكتبي، عربي أو إنجليزي.

[0:10–0:15] المشهد 3 من 6 (step2)
العنوان التمهيدي: 02
العنوان: أعد إنتاج التفاعل البطيء
النص المساند: طابق الشريحة المتأثرة
المخطط (مسار تدفق): شريحة ميدانية بطيئة؛ تتبّع مختبري؛ السبب الجذري
الروابط: شريحة ميدانية بطيئة ← تتبّع مختبري؛ تتبّع مختبري ← السبب الجذري
مع إبراز: تتبّع مختبري
الوصف: مخطط تدفّق: شريحة ميدانية بطيئة، تتبّع مختبري، السبب الجذري. الروابط: من «شريحة ميدانية بطيئة» إلى «تتبّع مختبري»؛ من «تتبّع مختبري» إلى «السبب الجذري». التركيز على: تتبّع مختبري.

[0:15–0:20] المشهد 4 من 6 (step3)
العنوان التمهيدي: 03
العنوان: أصلح سبب تعثر كل مقياس
النص المساند: حسّن المكوّنات المشتركة
المخطط (مسارات القرار): السبب الجذري؛ LCP: صورة رئيسية أبكر؛ INP: مهام أصغر؛ CLS: مساحة محجوزة
الروابط: السبب الجذري ← LCP: صورة رئيسية أبكر؛ السبب الجذري ← INP: مهام أصغر؛ السبب الجذري ← CLS: مساحة محجوزة
مع إبراز: INP: مهام أصغر
الوصف: مخطط متفرّع: السبب الجذري، LCP: صورة رئيسية أبكر، INP: مهام أصغر، CLS: مساحة محجوزة. الروابط: من «السبب الجذري» إلى «LCP: صورة رئيسية أبكر»؛ من «السبب الجذري» إلى «INP: مهام أصغر»؛ من «السبب الجذري» إلى «CLS: مساحة محجوزة». التركيز على: INP: مهام أصغر.

[0:20–0:25] المشهد 5 من 6 (step4)
العنوان التمهيدي: 04
العنوان: تحقق بعد الإطلاق
النص المساند: قارن الشريحة نفسها
المخطط (خط زمني): الإطلاق؛ تراكم بيانات الميدان؛ مقارنة الشريحة نفسها؛ ميزانية في البناء
الروابط: الإطلاق ← تراكم بيانات الميدان؛ تراكم بيانات الميدان ← مقارنة الشريحة نفسها؛ مقارنة الشريحة نفسها ← ميزانية في البناء
مع إبراز: مقارنة الشريحة نفسها
الوصف: تسلسل خطوات: الإطلاق، تراكم بيانات الميدان، مقارنة الشريحة نفسها، ميزانية في البناء. الروابط: من «الإطلاق» إلى «تراكم بيانات الميدان»؛ من «تراكم بيانات الميدان» إلى «مقارنة الشريحة نفسها»؛ من «مقارنة الشريحة نفسها» إلى «ميزانية في البناء». التركيز على: مقارنة الشريحة نفسها.

[0:25–0:30] المشهد 6 من 6 (close)
العنوان التمهيدي: تكنوستاك
العنوان: حسّن السرعة وإمكانية الوصول
النص المساند: دون ضمانات لترتيب البحث
المخطط (مسار تدفق): قسّم؛ أعد الإنتاج؛ أصلح؛ تحقّق
الروابط: قسّم ← أعد الإنتاج؛ أعد الإنتاج ← أصلح؛ أصلح ← تحقّق
مع إبراز: تحقّق
الختام: شعار تكنوستاك وعنوان tecnostack.com
الوصف: مخطط تدفّق: قسّم، أعد الإنتاج، أصلح، تحقّق. الروابط: من «قسّم» إلى «أعد الإنتاج»؛ من «أعد الإنتاج» إلى «أصلح»؛ من «أصلح» إلى «تحقّق». التركيز على: تحقّق.