الفرق بين SSR و CSR و SSG و SPA

  • SSR (Server-Side Rendering)
    في هذا النوع يتم إنشاء الصفحة على الخادم ثم إرسالها جاهزة للمتصفح. يظهر المحتوى بسرعة وهو مناسب لمحركات البحث.
  • CSR (Client-Side Rendering)
    هنا يتم إرسال صفحة فارغة تقريبًا، ثم يقوم المتصفح بتحميل الجافاسكربت وبناء الصفحة. يكون التفاعل عاليًا لكن التحميل الأول أبطأ.
  • SSG (Static Site Generation)
    يتم إنشاء الصفحات مسبقًا وقت البناء وتكون ثابتة. التحميل سريع جدًا ومناسب للمحتوى الذي لا يتغير كثيرًا.
  • SPA (Single Page Application)
    الموقع عبارة عن صفحة واحدة، ويتم تغيير المحتوى دون إعادة تحميل الصفحة. يوفر تجربة استخدام سلسة ويعتمد غالبًا على CSR.