درک رندر سمت سرور (SSR) و رندر سمت مشتری (CSR): چگونه وب سایت ها محتوا را به شما نشان می دهند

Summarize this content to 400 words in Persian Lang
تصور کنید در حال بازدید از وب سایت مورد علاقه خود برای تماشای یک ویدیو، خرید یا خواندن یک داستان هستید. آیا تا به حال به آن فکر کرده اید چگونه آن صفحه روی صفحه نمایش شما ظاهر می شود؟ برای تحقق این امر از دو روش اصلی استفاده می شود: رندر سمت سرور (SSR) و رندر سمت مشتری (CSR). بیایید اینها را به زبان ساده بشکنیم!

حتی “رندرینگ” به چه معناست؟

رندر یعنی ساختن چیزی قابل مشاهده. مانند کنار هم قرار دادن قطعات یک پازل برای ایجاد یک تصویر کامل فکر کنید. در توسعه وب، رندر فرآیند ایجاد صفحه کامل HTML با تمام متن ها، تصاویر، دکمه ها و لینک هایی است که یک وب سایت را می سازد.

چرا به رندرینگ نیاز داریم؟

تصور کنید به یک وب سایت می روید و به جای دیدن همه مطالب، فقط یک صفحه خالی می بینید. این مفید نخواهد بود، درست است؟ رندر مطمئن می شود که تمام محتوایی که باید ببینید، مانند تصاویر، متن یا ویدیوها، در واقع هنگام بازدید از یک وب سایت نشان داده می شود.

رندر سمت سرور (SSR): غذای آماده

فکر کن رندر سمت سرور (SSR) مثل سفارش غذا از رستوران هنگامی که غذای خود را سفارش می دهید، سرآشپز غذا را آماده می کند و سپس آن را کاملا آماده روی میز شما می آورد تا آن را بخورید. شما نیازی به انجام هیچ کار اضافی ندارید – فقط غذای خود را گرم و تازه دریافت می کنید.

در اینجا نحوه کار SSR آمده است:

درخواست: وقتی آدرس وب سایتی را تایپ می کنید یا روی پیوند کلیک می کنید، مرورگر شما (مانند کروم یا سافاری) صفحه را از سرور (آشپزخانه رستوران) می خواهد.

سرور صفحه را آماده می کند: سرور تمام داده ها (مانند اطلاعات محصول، قیمت ها و تصاویر) را جمع آوری می کند و سپس کل صفحه را با همه چیز ایجاد می کند.

شما صفحه را دریافت می کنید: سرور صفحه کامل را به مرورگر شما ارسال می کند، بنابراین شما بلافاصله همه چیز را مشاهده می کنید.

از آنجایی که سرور کار جمع آوری داده ها و ایجاد صفحه را انجام می دهد قبل از با ارسال آن برای شما، SSR برای بار اول سریع است.

چرا SSR مفید است؟

بار اولیه سریع: شما می توانید بلافاصله صفحه کامل را ببینید، درست مانند دریافت یک وعده غذایی آماده برای خوردن.

عالی برای موتورهای جستجو: خواندن وب‌سایت‌هایی که با SSR ساخته شده‌اند برای موتورهای جستجو مانند Google آسان است، به این معنی که وقتی افراد آن‌ها را جستجو می‌کنند، راحت‌تر پیدا می‌شوند.

رندر سمت مشتری (CSR): آشپزی DIY در خانه

حالا بیایید در مورد صحبت کنیم رندر سمت مشتری (CSR). تصور کنید این بار یک دستور غذا و مواد لازم برای تهیه یک وعده غذایی در خانه دریافت می کنید. به جای اینکه غذا را آماده کنید، باید خودتان مقداری کار انجام دهید. شما دستور العمل را دنبال می کنید و قبل از اینکه بتوانید از آن لذت ببرید، غذا را بپزید.

CSR به روشی مشابه عمل می کند:

درخواست: هنگامی که از یک وب سایت بازدید می کنید، مرورگر شما مانند SSR صفحه را از سرور می خواهد.

سرور مواد تشکیل دهنده را ارسال می کند: سرور به جای ارسال یک صفحه کامل، یک ساختار ساده از صفحه و مقداری جاوا اسکریپت (دستورالعمل برای مرورگر) ارسال می کند.

مرورگر صفحه را می پزد: مرورگر شما جاوا اسکریپت را اجرا می کند، داده های اضافی مورد نیاز خود را واکشی می کند و سپس صفحه ای را که روی صفحه خود می بینید می سازد.

از آنجایی که مرورگر باید صفحه را با استفاده از جاوا اسکریپت «پخت» کند، CSR زمانی که صفحه را برای اولین بار بارگذاری می‌کنید می‌تواند کمی کندتر باشد. اما هنگامی که صفحه بارگذاری می شود، پیمایش به قسمت های مختلف سایت اغلب سریع تر است.

چرا CSR مفید است؟

شبیه یک برنامه است: با CSR، حرکت در اطراف، تقریباً مانند یک برنامه تلفن همراه، تعاملی‌تر به نظر می‌رسد.

برای سایت های تعاملی خوب است: CSR برای سایت‌هایی که افراد با صفحه تعامل زیادی دارند، مانند رسانه‌های اجتماعی یا برنامه‌های چت، عالی است.

مقایسه SSR و CSR

ویژگی
رندر سمت سرور (SSR)
رندر سمت مشتری (CSR)

بارگذاری صفحه اول
سریع – کل صفحه را دریافت می کنید
کندتر – مرورگر آن را “پخت” می کند

برای سئو عالی است؟
بله، موتورهای جستجو می توانند همه را ببینند
می تواند، اما نیاز به مراحل اضافی دارد

بهترین برای
سایت های پر محتوا، سایت های خبری
برنامه های تعاملی، سایت های رسانه های اجتماعی

مثال
سایت خبری
اینستاگرام

بسته بندی آن

بنابراین، دفعه بعد که به وب‌سایتی مراجعه می‌کنید و می‌بینید که به سرعت بارگذاری می‌شود یا احساس می‌کنید لحظه‌ای طول می‌کشد تا بارگذاری شود، متوجه خواهید شد که در پشت صحنه چه اتفاقی می‌افتد! وب سایت ممکن است استفاده کند SSR برای ارسال یک صفحه “آماده برای خوردن” یا CSR جایی که مرورگر شما برای ایجاد صفحه کمی «آشپزی» می کند.

چه SSR و چه CSR، هر دو روش به زنده کردن وب سایت ها در صفحه نمایش شما کمک می کنند. اکنون کمی در مورد آنچه در پشت صحنه می گذرد می دانید تا اینترنت را به همان اندازه که هست تعاملی و در دسترس قرار دهد!