🧠 تفاوت SSR و CSR و تأثیرش روی سئو
توی CSR (Client Side Rendering)، سرور یه فایل HTML ساده (معمولاً خالی) میفرسته. مرورگر بعدش باید کلی فایل JavaScript رو دانلود و اجرا کنه تا محتوای صفحه ساخته بشه. این یعنی محتوای واقعی دیرتر به دست رباتهای موتور جستجو میرسه و ممکنه ایندکس شدن صفحه عقب بیفته.
ولی توی SSR (Server Side Rendering)، سرور همون اول محتوای صفحه رو رندر میکنه و یه HTML کامل میفرسته.
در این صورت:
محتوای صفحه همون اول تو پاسخ رندر میشه.
ربات جستجو لازم نیست صبر کنه تا JS اجرا بشه، همون اول محتوا رو میخونه.
ایندکس شدن و رتبه گرفتن سریعتر انجام میشه.
نمونه تکنولوژیها و فریمورکهایی که SSR دارن:
Next.js برای React
Nuxt.js برای Vue
Angular Universal برای Angular
Sapper / SvelteKit برای Svelte
به همین دلیله که SSR برای سایتهایی مثل فروشگاه، بلاگ یا هر جایی که محتوای عمومی داره و میخوایم تو گوگل دیده بشه خیلی به درد میخوره. ولی برای اپلیکیشنهای داخلی یا داشبوردها که ایندکس شدن مهم نیست، همون CSR کافی هست.
توی CSR (Client Side Rendering)، سرور یه فایل HTML ساده (معمولاً خالی) میفرسته. مرورگر بعدش باید کلی فایل JavaScript رو دانلود و اجرا کنه تا محتوای صفحه ساخته بشه. این یعنی محتوای واقعی دیرتر به دست رباتهای موتور جستجو میرسه و ممکنه ایندکس شدن صفحه عقب بیفته.
ولی توی SSR (Server Side Rendering)، سرور همون اول محتوای صفحه رو رندر میکنه و یه HTML کامل میفرسته.
در این صورت:
محتوای صفحه همون اول تو پاسخ رندر میشه.
ربات جستجو لازم نیست صبر کنه تا JS اجرا بشه، همون اول محتوا رو میخونه.
ایندکس شدن و رتبه گرفتن سریعتر انجام میشه.
نمونه تکنولوژیها و فریمورکهایی که SSR دارن:
Next.js برای React
Nuxt.js برای Vue
Angular Universal برای Angular
Sapper / SvelteKit برای Svelte
به همین دلیله که SSR برای سایتهایی مثل فروشگاه، بلاگ یا هر جایی که محتوای عمومی داره و میخوایم تو گوگل دیده بشه خیلی به درد میخوره. ولی برای اپلیکیشنهای داخلی یا داشبوردها که ایندکس شدن مهم نیست، همون CSR کافی هست.
👍1
یه جاهایی دیدم بعضی از دوستان سر اینکه از چه لایبرری برای UI پروژه استفاده کنند خوبه بحث میکردن.
موردی که هست اینه که اگه شما پروژتون UI داره و دارین طبق اون پیش میرین ، اصلا منطقی نیست از هیچ لایبرری استفاده کنین! و خودتون باید کامپوننت هاش رو بنویسین.
مگر اینکه UI پروژه طبق همون لایبرری طراحی شده باشه.
وگرنه از نظر من کاستومایز کردن کامپوننت های یک لایبرری برای یک UI اختصاصی نه تنها منطقی نیست ، بله غیر حرفه ای هم هست.
موردی که هست اینه که اگه شما پروژتون UI داره و دارین طبق اون پیش میرین ، اصلا منطقی نیست از هیچ لایبرری استفاده کنین! و خودتون باید کامپوننت هاش رو بنویسین.
مگر اینکه UI پروژه طبق همون لایبرری طراحی شده باشه.
وگرنه از نظر من کاستومایز کردن کامپوننت های یک لایبرری برای یک UI اختصاصی نه تنها منطقی نیست ، بله غیر حرفه ای هم هست.
👍6
دوستان مدتیه سرم شلوغ شده وقت نکردم اینجا پست بذارم.
در طول کار مطالب زیادی به ذهنم میان که بذارم ، ولی چون توضیحشون یکم مفصل میشه از گذاشتن مطالب سطحی پرهیز کردم.
با این حال چه مفصل چه غیر مفصل سعی میکنم بذارم مطالب رو.
در طول کار مطالب زیادی به ذهنم میان که بذارم ، ولی چون توضیحشون یکم مفصل میشه از گذاشتن مطالب سطحی پرهیز کردم.
با این حال چه مفصل چه غیر مفصل سعی میکنم بذارم مطالب رو.
❤4
سید فرندز / برنامه نویسی / هک و امنیت / تکنولوژی
گوگل زحمت کشیده یک مدل امبدینگ جدید ساخته که خیلی شیک و تر و تمیز فارسی هم پشتیبانی میکنه. مدل EmbeddingGemma! یه مدل جدید هوش مصنوعی که قراره سر و شکل دنیای آنلاین ما رو عوض کنه. 🚀 حالا این مدل چی هست و به چه دردی میخوره؟ 🤔 فرض کن یه وبسایت فروشگاهی…
طبق تجربه ای که در استفاده از این مدل داشتم خیلی راضی کننده نبود برام.
به جاش مدل BGE-M3 رو پیشنهاد میکنم که با 567M پارامتر خیلی بهتر عمل کرد.
(منظورم از بین مدل های Open Source هست)
به جاش مدل BGE-M3 رو پیشنهاد میکنم که با 567M پارامتر خیلی بهتر عمل کرد.
(منظورم از بین مدل های Open Source هست)
یه دفتر بزرگ دارم ، داشتم تقسیم میکردم که از فلان صفحه تا فلان صفحه برای این موضوع ، و از فلان صفحه تا فلان صفحه برای یه موضوع دیگه و ... .
دیدم ناخودآگاه دارم از آرایه استفاده میکنم! شاید تعداد صفحاتی که برای هر موضوع انتخاب میکنم کم و بیش بشه و دفتر من هم که محدوده.
به جاش از لیست پیوندی استفاده کردم و توی هر صفحه ، اشاره کردم که صفحه بعدی دقیقا کجاست و ... .
به شما هم پیشنهاد میکنم که در این مواقع از لیست پیوندی استفاده کنید 😁
پ.ن:البته این برای من جواب میداد چون بیشتر مینویسم تا بخونم. اگه شما بیشتر میخونید تا بنویسید ، بذارید روی همون آرایه بمونه.
دیدم ناخودآگاه دارم از آرایه استفاده میکنم! شاید تعداد صفحاتی که برای هر موضوع انتخاب میکنم کم و بیش بشه و دفتر من هم که محدوده.
به جاش از لیست پیوندی استفاده کردم و توی هر صفحه ، اشاره کردم که صفحه بعدی دقیقا کجاست و ... .
به شما هم پیشنهاد میکنم که در این مواقع از لیست پیوندی استفاده کنید 😁
پ.ن:البته این برای من جواب میداد چون بیشتر مینویسم تا بخونم. اگه شما بیشتر میخونید تا بنویسید ، بذارید روی همون آرایه بمونه.
👍4❤1
اینا هم از سالن همراه اول بود که بیشتر یه حالت سرگرمی بدون هیجان بود.
و ظاهر سازی جالب.
و ظاهر سازی جالب.
😁2
این غرفه هم خوراک گیمر ها بود !
🔥2
اینا هم از ته مانده های گالری