0Pricing
React Academy · درس

ما العرض عند الحافة ولماذا يهم؟

افهم كيف تزيل بيئات التشغيل عند الحافة زمن استجابة المصدر، ولماذا يتفوق React SSR عند الحافة على الخوادم التقليدية

ما العرض عند الحافة ولماذا يهم؟ درس مجاني في React Academy على CoddyKit. هذا هو الدرس 1 من أصل 4. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في React Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة React Academy 4 دروس في المجموع.

عنق زجاجة الخادم التقليدي

يُستضاف خادم الويب التقليدي في منطقة جغرافية واحدة. يختبر المستخدمون القريبون من تلك المنطقة استجابات سريعة، بينما يعاني المستخدمون البعيدون زمن استجابة ملحوظًا؛ فطلب مستخدم في طوكيو محتوى من خادم US-East يضيف أكثر من 200 ملي ثانية إلى زمن الرحلة ذهابًا وإيابًا قبل وصول أول بايت.

ما الذي تفعله CDN وما لا تفعله

تخزّن شبكة توصيل المحتوى (CDN) الملفات الثابتة مثل الصور وCSS وJavaScript في عشرات نقاط الحضور (PoPs) حول العالم، وتقدّمها من أقرب موقع. لكن CDN التقليدية لا تستطيع تنفيذ التعليمات البرمجية؛ إذ لا يمكنها سوى تقديم محتوى ثابت مُعد مسبقًا.

بيئة تشغيل Edge

تنفّذ بيئة تشغيل Edge JavaScript في نقاط حضور CDN حول العالم، فتُلغي الرحلة ذهابًا وإيابًا إلى الخادم الأصلي عند معالجة الطلبات الديناميكية. فبدلًا من توجيه الطلب إلى خادم واحد، تتم معالجته في نقطة الحضور الأقرب إلى المستخدم، وغالبًا داخل المدينة نفسها، مما يقلّل زمن الاستجابة بدرجة كبيرة.

Cloudflare Workers

تشغّل Cloudflare Workers لغة JavaScript باستخدام عوازل V8 في أكثر من 300 موقع حول العالم. وعلى خلاف الدوال عديمة الخوادم مثل Lambda وCloud Run، تتميز Workers ببدء تشغيل بارد يقترب من الصفر، يُقاس بالميكروثانية بدلًا من أكثر من 100 ملي ثانية المعتادة في Lambda، لأنها تعيد استخدام عوازل V8 بدلًا من تشغيل حاويات جديدة.

تعريف التصيير عند Edge

يعني التصيير عند Edge تصيير تطبيق React على الخادم في نقطة حضور Edge الأقرب إلى كل مستخدم، ثم تقديم HTML الناتج فورًا. ويحصل المستخدم في طوكيو على صفحة HTML مصيّرة بالكامل من نقطة حضور في سنغافورة، لا من خادم في فرجينيا.

خفض زمن الاستجابة عمليًا

قد يستغرق وصول تطبيق SSR تقليدي يُقدَّم من US-East إلى طوكيو 400 ملي ثانية، منها 200 ملي ثانية للشبكة و200 ملي ثانية لتصيير الخادم. أما مع التصيير عند Edge، فيحدث التصيير في سنغافورة، فينخفض زمن استجابة الشبكة إلى 30 ملي ثانية، ويصل HTML في أقل من 100 ملي ثانية إجمالًا، أي بتحسّن قدره أربعة أضعاف في زمن التحميل الذي يلاحظه المستخدم.

قيود بيئة تشغيل Edge

بيئات تشغيل Edge ليست بيئات Node.js كاملة. إذ تحظر Cloudflare Workers واجهات Node.js الأساسية مثل fs وnet وcrypto، وتحدّ زمن المعالجة على وحدة المعالجة المركزية إلى 50 ملي ثانية لكل طلب، مع إتاحة وقت أطول في الخطط المدفوعة، كما تقيّد الذاكرة ولا توفر وصولًا إلى نظام الملفات. وتتطلب هذه القيود هندسة مدروسة.

بدائل Cloudflare Workers

توفر عدة منصات بيئات تشغيل Edge: ‏Vercel Edge Functions المبنية على نموذج عوازل V8 نفسه، وDeno Deploy التي تستخدم بيئة Deno عند Edge، وFastly Compute التي تستخدم WebAssembly. وتختلف هذه المنصات في توافق الواجهات البرمجية، والتغطية العالمية، ونماذج التسعير.

أفضل استخدام للتصيير عند Edge

يكون التصيير عند Edge مفيدًا أكثر للمحتوى الثابت في معظمه، لكنه يحتاج إلى قدر من التخصيص، مثل صفحات التسويق التي تتضمن نسخًا لاختبارات A/B، والصفحات المقصودة ذات المحتوى المستهدف جغرافيًا، ومنشورات المدونات التي تتضمن عناصر خاصة بالمستخدم، مثل حالة تسجيل الدخول واللغة. أما الصفحات الديناميكية بدرجة كبيرة والكثيفة الاعتماد على قواعد البيانات، فتستفيد منه بدرجة أقل.

مقارنة: Lambda مقابل Workers

تُشغّل دوال Lambda وCloud Run الحاويات، وتنزّل التعليمات البرمجية الخاصة بك، وتهيّئ بيئة التشغيل، ثم تنفّذها، مما يؤدي إلى بدء تشغيل بارد يستغرق من 100 إلى 1000 ملي ثانية. أما Workers فتعيد استخدام عوازل V8 المشغّلة أصلًا، مما يجعل بدء التشغيل البارد غير ملحوظ عمليًا، إذ يستغرق أقل من 5 ملي ثوانٍ.

Edge كجزء من بنية هجينة

تستخدم معظم تطبيقات الإنتاج التصيير عند Edge بشكل انتقائي: إذ تصيّر Edge الصفحات السريعة والثابتة في معظمها، بينما يتولى خادم إقليمي العمليات التي تتطلب المصادقة وتستخدم قواعد البيانات بكثافة. ويستفيد هذا النهج الهجين من مزايا زمن الاستجابة المنخفض للتصيير عند Edge دون الاصطدام بقيوده.

بدء التشغيل البارد في Cloudflare Workers

لماذا تتميز Cloudflare Workers ببدء تشغيل بارد يقترب من الصفر مقارنةً بـ AWS Lambda؟

مراجعة الدرس

ينفّذ التصيير عند Edge لغة JavaScript في نقاط حضور CDN حول العالم، فيلغي الرحلات ذهابًا وإيابًا إلى الخادم الأصلي ويقلّل زمن الاستجابة بدرجة كبيرة. وتتصدر Cloudflare Workers بفضل بدء التشغيل البارد القائم على عوازل V8، والذي يستغرق ميكروثوانٍ في أكثر من 300 موقع. لكن المقايضات حقيقية، مثل غياب واجهات Node.js ومحدودية وقت المعالجة، ولذلك يلائم التصيير عند Edge صفحات التسويق والمحتوى المخصص لكنه الثابت في معظمه، أكثر من الصفحات الثقيلة المعتمدة على قواعد البيانات.

الأسئلة الشائعة

هل درس «ما العرض عند الحافة ولماذا يهم؟» مجاني؟

نعم — نص درس «ما العرض عند الحافة ولماذا يهم؟» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة React Academy، انتقل إلى CoddyKit PRO. تتضمن دورة React Academy 4 دروس في المجموع.

ماذا ستتعلم في «ما العرض عند الحافة ولماذا يهم؟»؟

افهم كيف تزيل بيئات التشغيل عند الحافة زمن استجابة المصدر، ولماذا يتفوق React SSR عند الحافة على الخوادم التقليدية تتمرن على React Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.

هل أحتاج إلى خبرة سابقة لأبدأ React Academy؟

لا تُشترط خبرة سابقة. React Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 1 من أصل 4.

كم من الوقت يستغرق درس «ما العرض عند الحافة ولماذا يهم؟»؟

معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.

هل يمكنني كتابة وتشغيل أكواد في درس React Academy هذا؟

نعم. كل درس في React Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.

جميع الدروس في هذه الدورة

  1. ما العرض عند الحافة ولماذا يهم؟
  2. React على Cloudflare Workers باستخدام Hono
  3. بث SSR من الحافة
  4. استراتيجيات التخزين المؤقت عند الحافة لتطبيقات React
← العودة إلى React Academy