CSR – Client Side Rendering | SSR – Server Side Rendering

ليه بعض المواقع بتفتح فورًا… ومواقع تانية بتفضل شاشة بيضا شوية؟ لو بتشتغل Frontend أكيد قابلت مصطلحين مهمين: CSR و SSR لكن الفرق الحقيقي بينهم بيأثر على: سرعة تحميل الموقع تجربة المستخدم الـ SEO خلينا نبسط الفكرة CSR – Client Side Rendering في الطريقة دي السيرفر بيرجع HTML بسيط جدًا وبعد كده المتصفح يشغل JavaScript علشان يبني الصفحة. ده الأسلوب اللي اشتهرت بيه frameworks زي React و Angular في تطبيقات SPA. المميزات: تجربة تفاعلية قوية التنقل بين الصفحات سريع بعد أول تحميل العيوب: أول تحميل ممكن يكون بطيء الـ SEO مش الأفضل SSR – Server Side Rendering هنا السيرفر هو اللي يبني الصفحة بالكامل ويرسل HTML جاهز للمتصفح. النتيجة: الصفحة بتظهر أسرع للمستخدم محركات البحث تقدر تقرأ المحتوى بسهولة عشان كده frameworks زي Next.js بقت تعتمد عليه بشكل كبير. الحقيقة إن الويب الحديث بقى Hybrid يعني بيجمع بين CSR + SSR علشان يحقق أفضل أداء وتجربة مستخدم.