شرح SSR SEO SSG CSR

أولا CSR (Client-Side Rendering):

هنا الصفحة تعود من الخادم فارغة تقريبا أى ملف HTML بسيط به عنصر div فقط. والمتصفح يقوم بجلب ملفات JavaScript ويبدأ بتنفيذها ويقوم ببناء واجهة المستخدم والمستخدم لا يستطيع رؤية المحتوى إلا بعد تحميل وتنفيذ كود الجافاسكريبت.

ومن مميزاته أنه سريع بعد أول تحميل لأن البيانات يتم جلبها بدون إعادة تحميل الصفحة ولكن من عيوبه أنه يأخذ وقتا كبيرا عند التحميل الأولي للصفحة وأيضا في ال SEO ضعيف لأن محركات البحث لا تتعامل مع جافاسكريبت بل محتوى ال HTML المعاد من الخادم.

ثانيا SSR (Server-Side Rendering) :

هنا الخادم بقوم بتوليد كود HTML كامل بالبيانات ويرسله للمتصفح والمستخدم يرى المحتوى مباشرة بدون انتظار.

ومن مميزاته انه سريع في التحميل الأولي وأيضا في ال SEO قوي لأن محركات البحث تجد كود ال HTML جاهز. ولكن من عيوبه أنه يقوم بالضغط على الخادم لأن كل طلب يحتاج لمعالجة كبيرة .

ثالثا SSG (Static Site Generation) :

هنا الصفحات يتم توليدها مرة واحدة وقت البناء build وتتحول إلى كود HTML ثابت و المستخدم يحصل على كود ال HTML جاهز مثل SSR لكن بدون ضغط على الخادم فالملفات جاهزة بالفعل و هو يستخدم للمدونات وللصفحات الثابتة.

ومن مميزاته أنه سريع جدا وفي ال SEO يعمل بشكل أفضل.

رابعا SEO (Search Engine Optimization) :

ال SEO هو عبارة عن تحسين ظهور موقعك في محركات البحث أى كيف ترى محركات البحث موقعك وهو يعتمد على وجود محتوى في HTML  و استخدام ال meta tags وسرعة تحميل الصفحة وأن يكون مناسب للهواتف .

وإخيرا إن ال SSR لا ينفذ في المتصفح مباشرة بل هو عملية تحدث في الخادم ولكن النتيجة أن ال HTML يتم توليده من ال Frontend.

هل ISR يغني عن SSR SSG

بتاريخ 1 دقيقة مضت قال Zen Eddin Allaham:

هل ISR يغني عن SSR SSG

إذا كان موقعك يتغير محتواه بشكل دائم أى أنه شبه ثابت مثلا موقع أخبار يتجدد كل 5 دقائق فهنا ال ISR أفضل من ال SSR لأنه أسرع .

أما إذا كان موقعك يحتاج بيانات لحظية وديناميكية فإن ال SSR أفضل.

أما إذا كان موقعك محتواه ثابت بشكل كامل فإن SSG جيد.

بتاريخ 3 دقائق مضت قال Zen Eddin Allaham:

هل ISR يغني عن SSR SSG

ISR لا يُغني كليًا عن SSR أو SSG، لكنه خيار وسط: يعطيك سرعة SSG مع مرونة التحديث مثل SSR.