1. ‫الرحيم‬ ‫الرحمن‬ ‫الله‬ ‫بسم‬
‫منه‬ ‫كان‬ ‫من‬ ُ‫د‬‫ويزي‬ ،
ً ‫ّا‬‫جي‬‫ن‬ ‫ناداه‬ ‫من‬ ‫ُجيب‬‫ي‬‫و‬ ،
ً ‫خفيا‬ ‫دعاه‬ ‫من‬ ‫ُحب‬‫ي‬ ،‫العالمين‬ ّ
‫رب‬ ‫لله‬ ‫حمد‬‫ل‬‫ا‬
.‫العالمين‬ ّ
‫رب‬ ‫لله‬ ‫حمد‬‫ل‬‫ا‬ ،
ً ‫ّا‬‫رضي‬ ‫الوعد‬ ‫صادق‬ ‫كان‬ ‫من‬ ‫ويهدي‬ ،
ً ‫ّا‬‫وفي‬ ‫له‬ ‫كان‬ ‫من‬ ‫يكرم‬‫و‬ ،
ً ‫ّا‬‫ي‬ِ‫حي‬
Web performance - 2
‫في‬
‫جزء‬‫ل‬‫ا‬
‫الأول‬
‫من‬
‫هذه‬
‫السلسلة‬
‫حدثنا‬‫ت‬
‫عن‬
‫مجموعة‬
‫من‬
‫المفاهيم‬
‫العامة‬
‫حول‬
‫ال‬
Web
performance
‫ولماذا‬
‫جب‬‫ي‬
‫أن‬
‫نهتم‬
‫بهذا‬
،‫الموضوع‬
‫والآن‬
‫سندخل‬
‫في‬
‫بعض‬
‫التفاصيل‬
‫بشكل‬
…‫عمقا‬ ‫أكثر‬
‫عندما‬
‫حدث‬‫ت‬‫ن‬
‫عن‬
‫ال‬
Web performance
‫فإننا‬
‫حدث‬‫ت‬‫ن‬
‫عن‬
‫وسيلة‬
‫قياس‬
‫موضوعية‬
‫للأداء‬
‫بالإضافة‬
‫إلى‬
‫جربة‬‫ت‬
‫المستخدم‬
‫المتوقعة‬
‫في‬
‫الموقع‬
‫خاص‬‫ل‬‫ا‬
‫بنا‬
‫بناء‬
‫على‬
‫ال‬
Business model
،
،‫خيلي‬‫ت‬ ‫أو‬ ‫حقيقي‬ ‫بشكل‬ ‫أسرع‬ ‫الإلكتروني‬ ‫الموقع‬ ‫جعل‬‫ن‬ ‫أن‬ ‫وهو‬ ،‫سابقا‬ ‫كرناه‬
‫ذ‬ ‫ما‬ ‫يعني‬ ‫وهذا‬
‫جعل‬‫ت‬ ‫التي‬ ‫الأساليب‬ ‫بعض‬ ‫استخدام‬ ‫خلال‬ ‫من‬ ‫خيلي‬‫ت‬‫و‬ ،‫الفعلية‬ ‫السرعة‬ ‫يادة‬‫بز‬ ‫حقيقي‬‫ل‬‫ا‬ ‫بشكله‬
:‫التالية‬ ‫الأسئلة‬ ‫إجابة‬ ‫يشمل‬ ‫كله‬ ‫للمستخدم…وهذا‬ ‫أسرع‬ ‫وكأنها‬ ‫تظهر‬ ‫البطيئة‬ ‫العمليات‬ ‫بعض‬
1
.
‫بسرعة؟‬ ‫تحميله‬ ‫تم‬ ‫الموقع‬ ‫هل‬
2
.
‫بسرعة؟‬ ‫المستخدم‬ ‫قبل‬ ‫من‬ ‫معه‬ ‫بالتفاعل‬ ‫يسمح‬ ‫الموقع‬ ‫هل‬
3
.
‫حتاج‬‫ت‬ ‫ما‬ ‫عملية‬ ‫هناك‬ ‫بأن‬ ‫المستخدم‬ ‫لإعلام‬ ‫الوسائل‬ ‫بعض‬ ‫استخدام‬ ‫أو‬ ‫توفير‬ ‫يتم‬ ‫هل‬
‫إلى‬
‫وقت؟‬
‫مثلا‬
‫إظهار‬
loading spinner
‫؟‬

2. 4
.
‫وهل‬ ‫وسلس؟‬ ‫سهل‬ ‫بشكل‬ ‫الصفحة‬ ‫في‬ ‫المعروضة‬ ‫البيانات‬ ‫بين‬ ‫التنقل‬ ‫عملية‬ ‫تتم‬ ‫هل‬
‫عملية‬
‫ال‬
scroll
‫تتم‬
‫بشكل‬
‫سلس‬
‫أيضا؟‬
‫ندركها‬ ‫أن‬ ‫جب‬‫ي‬ ‫التي‬ ‫العناوين‬ ‫من‬ ‫مهمة‬ ‫مجموعة‬ ‫هناك‬ ‫أن‬ ‫القول‬ ‫يمكن‬ ،‫أعلاه‬ ‫كر‬
‫ذ‬ ‫ما‬ ‫على‬ ‫بناء‬
‫أو‬
‫أن‬
‫ندرسها‬
‫أو‬
‫أن‬
‫حدث‬‫ت‬‫ن‬
‫عنها‬
‫ضمن‬
‫سياق‬
‫حديث‬‫ل‬‫ا‬
‫عن‬
‫ال‬
Web performance
،
‫وهي‬
:‫يلي‬ ‫بما‬ ‫سردها‬ ‫ويمكن‬ ،‫الأداء‬ ‫مشاكل‬ ‫جة‬‫ل‬‫معا‬ ‫أو‬ ‫لقياس‬ ‫الرئيسية‬ ‫الأبواب‬
●
Reducing overall load time
:
‫تقليل‬
‫الوقت‬
‫الإجمالي‬
‫لتحميل‬
‫الموقع‬
‫الإلكتروني‬
،‫مهمة‬ ‫نقاط‬ ‫بعدة‬ ‫التفكير‬ ‫عليك‬ ‫بهذا‬ ‫وللقيام‬ ،‫به‬ ‫التفكير‬ ‫يمكنك‬ ‫ما‬ ‫أول‬ ‫بك‬ ‫خاص‬‫ل‬‫ا‬
:‫وهي‬
○
‫ما‬
‫هو‬
‫الوقت‬
‫الإجمالي‬
‫اللازم‬
‫لتحميل‬
‫جميع‬
‫ال‬
files
‫ية‬‫الضرور‬
‫على‬
‫جهاز‬
‫المستخدم؟‬
○
‫ما‬
‫هي‬
‫جام‬‫ح‬‫الأ‬
‫خاصة‬‫ل‬‫ا‬
‫بهذه‬
‫ال‬
files
‫؟‬
○
‫ما‬
‫هو‬
‫عدد‬
‫هذه‬
‫ال‬
files
‫؟‬
‫تمثل‬ ‫والتي‬ ‫المشكلة‬ ‫هذه‬ ‫حل‬‫ل‬ ‫اتباعها‬ ‫يمكنك‬ ‫التي‬ ‫جيات‬‫ي‬‫الإسترات‬ ‫من‬ ‫العديد‬ ‫هناك‬ ،‫تقنيا‬
:‫هي‬ ‫جيات‬‫ي‬‫الاسترات‬ ‫هذه‬ ‫ومن‬ ،‫السابقة‬ ‫الأسئلة‬ ‫على‬ ‫إجابة‬ ‫ما‬ ‫بشكل‬
○
‫يمكن‬ ‫ما‬ ‫أصغر‬ ‫إلى‬ ‫الملفات‬ ‫جم‬‫ح‬ ‫تقليل‬
○
‫تقليل‬
‫عدد‬
‫ال‬
HTTP request
‫قدر‬
‫الإمكان‬
○
‫مثل‬ ،‫ممكن‬ ‫وقت‬ ‫أقرب‬ ‫في‬ ‫الملفات‬ ‫تحميل‬ ‫في‬ ‫تساهم‬ ‫تقنيات‬ ‫استخدام‬
‫استخدام‬
‫ال‬
Preload
.

3. ●
Making the site usable as soon as possible
:
‫من‬
‫البديهي‬
‫أن‬
‫الموقع‬
‫كلما‬
‫هذا‬ ‫جعل‬‫ل‬‫و‬ ،‫المستخدم‬ ‫وبين‬ ‫بينه‬ ‫الثقة‬ ‫زادت‬ ‫كلما‬ ،‫للاستخدام‬ ‫قابليته‬ ‫في‬ ‫أسرع‬ ‫كان‬
‫ممكنا‬
‫جب‬‫ي‬
‫أن‬
‫نهتم‬
‫بكيفية‬
‫تحميل‬
‫ال‬
assets
‫خاصة‬‫ل‬‫ا‬
‫بالموقع‬
،‫الإلكتروني‬
‫وهذا‬
‫يعني‬
‫ترتيب‬
‫ال‬
assets
‫المراد‬
‫تحميلها‬
‫بشكل‬
،‫منطقي‬
‫حيث‬‫ب‬
‫يتمكن‬
‫المستخدم‬
‫من‬
‫إجراء‬
‫أول‬
action
‫حتاجه‬‫ي‬
،‫بسرعة‬
‫وهذه‬
‫فكرة‬
،‫بسيطة‬
‫فالملفات‬
‫التي‬
‫لن‬
‫حتاجها‬‫ي‬
‫المستخدم‬
،‫فورا‬
‫بال‬ ‫هذا‬ ‫وسيتم‬ ،‫المطلوبة‬ ‫الملفات‬ ‫تحميل‬ ‫من‬ ‫ننتهي‬ ‫حتى‬ ‫تحميلها‬ ‫تأجيل‬ ‫يمكننا‬
background
‫دون‬
‫أن‬
‫يشعر‬
‫المستخدم‬
،!‫بذلك‬
‫ما‬‫ك‬
‫يمكن‬
‫فصل‬
‫الملفات‬
‫التي‬
‫لا‬
‫حتاجها‬‫ن‬
‫جلبها‬‫ن‬‫و‬
‫عند‬
‫الضرورة‬
‫فقط‬
(
lazy loading
،)
‫وهذا‬
‫الوقت‬
‫حتى‬
‫يصبح‬
‫كل‬
‫شيء‬
‫جاهزا‬
‫للتفاعل‬
‫يطلق‬
‫عليه‬
time to interactive
.
●
Smoothness and interactivity
:
‫تعد‬
‫هذه‬
‫النقطة‬
‫من‬
‫النقاط‬
‫البديهية‬
،‫والبسيطة‬
‫يقصد‬‫و‬ ،‫مشاكل‬ ‫فيها‬ ‫وجد‬ ‫إن‬ ‫المستخدم‬ ‫يزعج‬ ‫قد‬ ‫ما‬ ‫أكثر‬ ‫من‬ ‫الوقت‬ ‫نفس‬ ‫في‬ ‫لكنها‬
‫خاصة‬‫ل‬‫ا‬ ‫المكونات‬ ‫مع‬ ‫التفاعل‬ ‫على‬ ‫والقدرة‬ ‫والسلاسة‬ ‫السهولة‬ ‫مقدار‬ ‫هو‬ ‫النقطة‬ ‫بهذه‬
‫بالموقع‬
،‫الإلكتروني‬
‫وهذا‬
‫يشمل‬
‫الكثير‬
‫من‬
‫الأشياء‬
‫منها‬
،‫مثلا‬
‫هل‬
‫ال‬
scroll
‫يعمل‬
‫بشكل‬
‫سلس؟‬
‫هل‬
‫ال‬
buttons
‫يمكن‬
‫الضغط‬
‫عليها؟‬
‫هل‬
‫ال‬
popup
‫تظهر‬
‫للمستخدم‬
‫بسرعة؟‬
‫هل‬
‫هناك‬
‫مشاكل‬
‫بال‬
animation
،‫؟‬
‫هذه‬
‫المشاكل‬
‫كلها‬
‫إن‬
‫وجدت‬
‫يمكن‬
‫ال‬ ‫استخدام‬ ‫منها‬ ،‫سلس‬ ‫التطبيق‬ ‫من‬ ‫جعل‬‫ت‬ ‫والتي‬ ‫الطرق‬ ‫من‬ ‫والعديد‬ ‫بالكثير‬ ‫حلها‬
css animation
‫بدلا‬
‫من‬
js Animation
،
‫وتقليل‬
‫عمليات‬
‫ال‬
repaints
‫لل‬
UI
‫من‬
‫خلال‬
‫ال‬
DOM
‫قدر‬
.‫الإمكان‬

4. ●
Perceived performance
:
‫إن‬
‫مقدار‬
‫الإحساس‬
‫بسرعة‬
‫الموقع‬
‫للمستخدمين‬
‫وطبيعة‬
‫تبني‬ ‫قد‬ ‫لأنك‬ ،!‫للموقع‬ ‫حقيقية‬‫ل‬‫ا‬ ‫السرعة‬ ‫من‬ ‫أهم‬ ‫الإحساس‬ ‫هذا‬ ‫على‬ ‫بناء‬ ‫إنفعالاتهم‬
‫تعد‬ ‫لذلك‬ ،!‫جربته‬‫ت‬ ‫على‬ ‫بناء‬ ‫سيء‬ ‫يراه‬ ‫المستخدم‬ ‫لكن‬ ،‫القياس‬ ‫خلال‬ ‫من‬ ‫يع‬‫سر‬ ‫موقع‬
‫الأمر‬ ‫هذا‬ ،‫لكن‬ ،‫الأهم‬ ‫تكن‬ ‫لم‬ ‫إن‬ ‫مهمة‬ ‫عملية‬ ‫المستخدمين‬ ‫قبل‬ ‫من‬ ‫الأداء‬ ‫ية‬‫رؤ‬
‫خلال‬ ‫من‬ ‫الأداء‬ ‫قياس‬ ‫على‬ ‫تعتمد‬ ‫العملية‬ ‫هذه‬ ‫لأن‬ ‫وذلك‬ ،‫قياسه‬ ‫السهل‬ ‫من‬ ‫ليس‬
‫حفاظ‬‫ل‬‫ا‬ ‫كيفية‬ ‫على‬ ‫هنا‬ ‫حرص‬‫ل‬‫ا‬ ‫يتم‬ ،‫لذلك‬ ،‫للموقع‬ ‫المستخدمون‬ ‫منها‬ ‫ينظر‬ ‫التي‬ ‫ية‬‫الزاو‬
‫إظهار‬ ‫لذلك‬ ‫الوسائل‬ ‫ومن‬ ،‫الانتظار‬ ‫وقت‬ ‫في‬ ‫الموقع‬ ‫مع‬ ‫متفاعلا‬ ‫وإبقائه‬ ‫المستخدم‬ ‫على‬
‫ال‬
spinner
‫أو‬
‫مجموعة‬
‫من‬
‫ال‬
hints
‫المتعلقة‬
‫خدمات…إلى‬‫ل‬‫با‬
،‫آخره‬
‫ومع‬
‫أنك‬
‫في‬
‫مع‬ ‫بالتفاعل‬ ‫قمت‬ ‫أنك‬ ‫إلا‬ ،‫القياسية‬ ‫الناحية‬ ‫من‬ ‫الموقع‬ ‫سرعة‬ ‫يادة‬‫بز‬ ‫هنا‬ ‫تقم‬ ‫لم‬ ‫الواقع‬
‫شعورا‬ ‫يعطيه‬‫و‬ ،‫عطل‬ ‫أي‬ ‫هناك‬ ‫يوجد‬ ‫ولا‬ ،‫يعمل‬ ‫زال‬ ‫ما‬ ‫الموقع‬ ‫بأن‬ ‫ليشعر‬ ‫المستخدم‬
…‫العمليات‬ ‫استمرار‬ ‫أو‬ ‫حدوث‬‫ب‬ ‫متغيرا‬
●
Performance measurements
:
‫في‬
‫هذه‬
‫جزئية‬‫ل‬‫ا‬
‫سنقوم‬
‫بقياس‬
‫الأداء‬
‫بشكل‬
‫في‬ ‫ستساعدنا‬ ‫التي‬ ‫الوسائل‬ ‫أو‬ ‫العمليات‬ ‫أو‬ ‫حسابات‬‫ل‬‫ا‬ ‫من‬ ‫مجموعة‬ ‫خلال‬ ‫من‬ ‫حقيقي‬
‫هل‬ ،‫فاشلة‬ ‫أم‬ ‫حة‬‫ج‬‫نا‬ ‫هي‬ ‫هل‬ ،‫الأداء‬ ‫ناحية‬ ‫من‬ ‫يقدمها‬ ‫التي‬ ‫خدمات‬‫ل‬‫وا‬ ‫التطبيق‬ ‫تقييم‬
‫مع‬ ‫ثباتها‬ ‫أو‬ ‫حسنها‬‫ت‬ ‫نضمن‬ ‫وهل‬ ،‫الوقت‬ ‫مع‬ ‫جودة‬‫ل‬‫ا‬ ‫مستوى‬ ‫على‬ ‫حافظة‬‫م‬‫ال‬ ‫استطعنا‬
…!‫سوء‬ ‫تزداد‬ ‫الوقت‬ ‫مع‬ ‫أنها‬ ‫أم‬ ،‫الوقت؟‬
‫خصائص‬‫ل‬‫ا‬ ‫من‬ ‫والعديد‬ ‫الكثير‬ ‫هناك‬ ‫بأن‬ ‫القول‬ ‫يمكننا‬ ،‫نقاط‬ ‫من‬ ‫سبق‬ ‫ما‬ ‫على‬ ‫بناء‬
‫والإضافات‬
‫والوسائل‬
‫التي‬
‫يمكنها‬
‫أن‬
‫تؤثر‬
‫على‬
‫ال‬
Performance
‫بشكل‬
‫حقيقي‬
‫ومباشر‬
‫أو‬

5. ‫كز‬
‫تر‬ ‫أعلاه‬ ‫وردت‬ ‫التي‬ ‫النقاط‬ ‫جميع‬ ‫فإن‬ ،‫لذلك‬ ،‫المستخدم‬ ‫قبل‬ ‫من‬ ‫وشعوري‬ ‫خيلي‬‫ت‬ ‫بشكل‬
‫لبناء‬ ‫بالإضافة‬ ،‫التفاعل‬ ‫لبدء‬ ‫اللازم‬ ‫والوقت‬ ‫حتوى‬‫م‬‫ال‬ ‫لتحميل‬ ‫اللازم‬ ‫الوقت‬ ‫تقليل‬ ‫على‬ ‫وتهتم‬
…‫المستخدمين‬ ‫مع‬ ‫جيدة‬ ‫جربة‬‫ت‬
:‫مهمة‬ ‫ومفردات‬ ‫مصطلحات‬
●
latency
:
‫يقصد‬
‫بذلك‬
‫الوقت‬
‫المستغرق‬
‫لإرسال‬
‫حزمة‬
‫من‬
‫البيانات‬
‫من‬
‫نقطة‬
‫إلى‬
‫نقطة‬
‫أخرى‬
‫(من‬
‫ال‬
source
‫إلى‬
destination
)
‫مع‬
‫الوقت‬
‫المستغرق‬
‫لاستقبال‬
‫النتيجة‬
‫من‬
‫قبل‬
‫ال‬
source
،‫جددا‬‫م‬
،‫باختصار‬
‫هو‬
‫الوقت‬
‫المستغرق‬
‫من‬
‫حظة‬‫ل‬
‫إرسال‬
request
‫من‬
‫قبل‬
‫المستخدم‬
‫ولغاية‬
‫عودة‬
‫ال‬
response
،‫إليه‬
‫وكلما‬
‫قلت‬
‫قيمة‬
‫ال‬
latency
‫كلما‬
‫كان‬
‫الأداء‬
،!‫أفضل‬
‫وكلما‬
‫زادت‬
‫قيمة‬
‫ال‬
latency
‫كلما‬
‫كان‬
‫الأداء‬
…‫أسوأ‬
●
preload
:
‫هي‬
‫قيمة‬
‫يتم‬
‫استخدامها‬
‫أو‬
‫وضعها‬
‫داخل‬
‫ال‬
rel attribute
‫في‬
‫ال‬
link
tag
،
‫هذه‬
‫القيمة‬
‫ببساطة‬
‫تقوم‬
‫على‬
‫إعطاء‬
‫ية‬‫أولو‬
‫جلب‬‫ل‬
‫ال‬
resources
‫المهمة‬
‫خصوصا‬ ‫وعديدة‬ ‫كثيرة‬ ‫مزايا‬ ‫القيمة‬ ‫هذه‬ ‫وتقدم‬ ،‫وقت‬ ‫أسرع‬ ‫في‬ ‫للصفحة‬ ‫ية‬‫والضرور‬
‫جم‬‫ح‬‫ال‬ ‫ذو‬ ‫الفيديو‬ ‫أو‬ ‫سكربت‬ ‫جافا‬‫ل‬‫ا‬ ‫ملفات‬ ‫أو‬ ‫خطوط‬‫ل‬‫ا‬ ‫ملفات‬ ‫أو‬ ‫الصور‬ ‫جلب‬ ‫عند‬
‫الكبير…إلى‬
،‫آخره‬
‫من‬
‫المزايا‬
‫التي‬
‫تقدمها‬
‫أنك‬
‫ستضمن‬
‫تحميل‬
‫ال‬
resource
‫المطلوبة‬
‫من‬ ‫تحميله‬ ‫تم‬ ‫ما‬ ‫خزين‬‫ت‬ ‫وسيتم‬ ،‫بدونها‬ ‫كانت‬ ‫لو‬ ‫مما‬ ‫أفضل‬ ‫وبشكل‬ ‫المتوقعة‬ ‫ية‬‫بالأولو‬
resource
‫في‬
‫ال‬
cache
‫خاص‬‫ل‬‫ا‬
‫بالمتصفح‬
‫ليقوم‬
‫باستخدامها‬
‫في‬
‫صفحة‬
‫أخرى‬
‫عند‬
،…‫حاجة‬‫ل‬‫ا‬
‫وهذا‬
‫كله‬
‫يؤثر‬
‫جابا‬‫ي‬‫إ‬
‫على‬
‫ال‬
performance
‫حسنه‬‫ي‬‫و‬
‫بشكل‬
…‫ملحوظ‬

6. ●
lazy loading
:
‫بكل‬
‫بساطة‬
‫هي‬
‫جية‬‫ي‬‫استرات‬
‫تفصل‬
‫ال‬
resource
‫الغير‬
‫مهمة‬
‫في‬
‫ال‬
render
‫أو‬
‫التي‬
‫لا‬
‫توقف‬
‫أو‬
‫تؤثر‬
‫على‬
‫ال‬
render
‫خاص‬‫ل‬‫ا‬
‫بالصفحة‬
‫عن‬
‫ال‬
resource
،‫المهمة‬
‫ومن‬
‫ثم‬
‫جلب‬
‫هذه‬
‫ال‬
resource
‫عند‬
‫حاجة‬‫ل‬‫ا‬
،!‫فقط‬
،‫مثلا‬
‫قد‬
‫إذا‬ ‫إلا‬ ‫للمستخدم‬ ‫بعرضها‬ ‫تقوم‬ ‫التي‬ ‫الصفحة‬ ‫في‬ ‫وصورة‬ ‫سكربت‬ ‫جافا‬ ‫ملف‬ ‫جلب‬ ‫تمنع‬
‫قام‬
‫بالضغط‬
‫على‬
‫زر‬
‫عرض‬
‫ال‬
modal
،…
‫هناك‬
‫الكثير‬
‫من‬
‫الطرق‬
‫للقيام‬
‫بهذه‬
،‫جية‬‫ي‬‫الاسترات‬
‫لكنها‬
‫بشكل‬
‫عام‬
‫تقوم‬
‫على‬
‫عمل‬
splitting
‫لل‬
js, css
‫وال‬
Html
‫حاجة‬‫ل‬‫ا‬ ‫عند‬ ‫فقط‬ ‫المطلوبة‬ ‫الملفات‬ ‫تضمين‬ ‫يمكن‬ ‫حيث‬‫ب‬ ،‫ممكن‬ ‫جم‬‫ح‬ ‫أصغر‬ ‫على‬ ‫لتكون‬
‫مثل‬ ‫مسبقا‬ ‫والمعرفة‬ ‫الموجودة‬ ‫خصائص‬‫ل‬‫وا‬ ‫الوسائل‬ ‫لبعض‬ ‫بالإضافة‬ ،‫غيرها‬ ‫دون‬
‫استخدام‬
‫ال‬
module type
‫لملفات‬
‫جافا‬‫ل‬‫ا‬
…‫سكربت‬
●
time to interactive
:
‫هذا‬
‫المصطلح‬
‫يشير‬
‫إلى‬
‫مقياس‬
‫حساب‬‫ل‬
‫الوقت‬
‫الزمني‬
‫آخر‬ ‫هي‬ ،‫أدق‬ ‫تقني‬ ‫وبشكل‬ ،‫كامل‬ ‫بشكل‬ ‫للتفاعل‬ ‫قابلة‬ ‫الصفحة‬ ‫لتصبح‬ ‫المستغرق‬
long task
‫تم‬
‫الإنتهاء‬
‫منها‬
‫يليها‬
5
‫ثواني‬
‫بدون‬
‫أي‬
‫نشاط‬
‫على‬
‫مستوى‬
‫ال‬
network
‫أو‬
‫ال‬
thread
،
‫وال‬
long task
‫هي‬
‫أي‬
‫مدة‬
‫زمنية‬
‫تزيد‬
‫أو‬
‫تساوي‬
50ms
‫تكون‬
‫فيها‬
‫ال‬
thread
‫مشغولة‬
‫بدون‬
‫أي‬
…‫قطع‬
…‫الله‬ ‫شاء‬ ‫إن‬ ‫الثالث‬ ‫جزء‬‫ل‬‫ا‬ ‫في‬ ‫يتبع‬