فریم ورک Million.js چیه و چه کاربردی داره؟🧐

فریم ورک Million یک DOM مجازی بسیار سریع و سبکه (<4 کیلوبایت) که اجزای React رو تا 70٪ سریعتر می کنه که این خیلی عالیه :))


میلیون، ایجاد برنامه های وب رو به سادگی فراهم کرده و سرعت رندرشون و بارگذاریشون رو سریع تر می کنه و با استفاده از یک DOM مجازی بهینه و تنظیم‌شده، هزینه‌های سربار برنامه رو کاهش میده.

ویژگی های اساسی این فریم ورک⬇️

ویژگی اول بارگذاری اولیه سریع صفحات و تعاملات نرم‌تر، به خصوص در برنامه‌های پیچیده هست که این فریم ورک و واقعا جذاب می‌کنه.

ویژگی دوم پایداریه که امری حیاتی حساب میشه.
به همین دلیل کاملاً کامپایلر در Million 3 بازنویسی شده. این بازسازی بر این تمرکز داره که تجربه شما رو پایدارتر و قابل اعتمادتر کنه اما چطور ؟
با پوشش دادن یک طیف گسترده‌تر از سناریوها.


اطلاعات بیشتر راجب این فریم ورک و میتونید تو داکیومنتش مطالعه کنید.

Document 🌐

#dom #performance #js
@CodeModule

قطعا همتون با Cdn ها آشنا هستید اما به صورت تخصصی چیه و چه کاری انجام میده؟🧐


در اصل CDN مخفف Content Delivery Network میباشد و وظیفه اون رسوندن و توزیع محتوا و اطلاعات شما به سرور بازدیدکننده سایت هست.
با استفاده از این سیستم، سرعت ارسال اطلاعات به بازدیدکنندگان سایت افزایش پیدا می‌کنه و زمان بارگذاری صفحات تا حد زیادی کاهش پیدا می‌کنه.


مزایای استفاده از CDN چیه ؟

1⃣ ارتباط و همخوانی راحت با مدیریت محتوای وردپرس

2⃣ بهبود وضعیت سئو سایت

3⃣ سرعت بیشتر سایت و افزایش رضایت بازدیدکنندگان

4⃣ افزایش تعداد صفحات بررسی شده در روز توسط ربات های گوگل

5⃣ کاهش مصرف پهنای باند و ترافیک هاست


تاثیر CDN بر روی عملکرد سایت چطوره ؟

◀️ شبکه توزیع محتوا یا همان CDN تمامی سرورهای شبکه جهانی اینترنت رو پوشش میده. بنابراین زمانیکه شما این سیستم رو برای سایتتون فعال میکنین، اطلاعات شما روی تمامی این سرورها کپی و ذخیره میشه و زمانیکه یک بازدیدکننده به سایت یا وبلاگ شما وارد میشه محتوای سایت شامل تصاویر و متون رو از نزدیک ترین سرور دریافت میکنه و مستقیما به هاست یا سرور شما وصل نمیشه. این کار موجب بهبودی قابل توجهی تو عملکرد سایت شما داره.

◀️ در اصل CDN تمام اطلاعات ثابت شما مثل تصاویر، کدهای CSS و javascript و فایلهای ویدئویی شمارو پشتیبانی میکنه و تنها اطلاعاتی که قابل تغییر و بروزرسانی هستن مثل متون و کدهای HTML از سرور اصلی شما کال میشن. با این کار مصرف پهنای باند هاست شما کاهش پیدا میکنه و هزینه ای که سالانه بابت اون میدید کاهش چشمگیری خواهد داشت.

◀️ تفاوت سرعت و عملکرد برای خودتون یا افرادی که در نزدیکی سرور اصلی شما هستند آنچنان تفاوت زیادی نداره، ولی برای کسایی که از خارج از کشور به سایت شما وارد میشن این افزایش سرعت ناشی از CDN کاملا محسوسه. با توجه به اینکه سایتهای ایرانی معمولا سرور و هاستشونو از خارج و کشورهایی مثل آلمان و آمریکا تهیه میکنند و عموم بازدیدکنندگان از داخل کشور هستن، استفاده از CDN میتونه خیلی موثر باشه.


#cdn #web #performance
@CodeModule

با رقیب جدید Node.js آشنا بشید 🌟

این رقیب که اسمش Bun.js هست به وسیله فردی به نام «جارِد سامنر» (Jarred Sumner) با استفاده از زبان برنامه نویسی «Zig» ایجاد شده. هدف اصلی Bun.js ارائه پلتفرمی برای اجرای جاوا اسکریپت در خارج از مرورگر، مشابه Node.js و «Deno.js» هست اما Bun.js سرعت و پیچیدگی بیشتری نسبت به اونا ارائه میده.

ران تایم Bun با بهینه‌سازی اصل داخلی جاوا اسکریپت یا همون JavaScriptCore سعی کرده تا میزان کارایی بسیار بالاییو ارائه بده. در نتیجه چیزی که شاهد هستیم که Performance خیلی بهتر به نسبت جاوا اسکریپته.
همچنین Bun همراه با یک پکیج منیجر، یک transpiler و یک bundler عرضه میشه.


⚒ ابزارهای همراه Bun

همونطور که گفته شد Bun همراه با سه ابزار اصلی و ضروری برای توسعه اپلیکیشن‌ها عرضه میشه.

🔵 یک Bundler که به شما این اجازه رو میده تا بتونید چندین فایل جاوا اسکریپتی رو در کنار همدیگه قرار داده و اونارو با همدیگه ترکیب کنین.

🔵 یک Task Runner که به شما تو انجام دادن کارهای تکراری کمک می‌کنه و استفاده از ابزارهای موجود در این زمینه مثل grunt.js بی نیاز می‌سازه.

🔵 یک Transpiler که در نهایت به تبدیل کدهای جاوا اسکریپتی به شما کمک می‌کنه. شما با استفاده از این ابزار توانایی استفاده از تایپ اسکریپت هم خواهید داشت.


آيا Bun از Node سریع تره؟

این سوالیه که جواب اون ممکنه به شدت شمارو شوکه کنه. Bun سه برابر از Node.js و حدود چهار برابر از Deno سریع‌تره. این آمار زمانی که از دیتابیس کوئری گرفته شده و با فریمورک React مشغول انجام Server-Rendering بودن دریافت شده. دلیل اصلی این موضوع وجود جایگزین بهتری برای موتور قدیمی V8 Chrome هست. در ساخت Bun از وب کیت مربوط به JavaScriptCore استفاده شده که به عنوان یکی از هسته‌های اصلی جاوا اسکریپت شناخته میشه.


اطلاعات بیشتر راجب Bun.js و میتونید داخل داکیومنتش مطالعه کنید⬇️

Document 🌕

#js #runtime #performance
@CodeModule

🧐انکدر (encoder) jpegli چیه ؟

اینترنت شیوه زندگی، کار و ارتباط ما رو تغییر داده. با این حال، زمانی که صفحات به کندی بارگذاری می شن، می تونه به منبع ناامیدی تبدیل بشه.

💙در قلب این موضوع رمزگذاری تصاویر نهفته شده. برای بهبود این موضوع، گوگل jpegli رو معرفی کرده، یک کتابخانه کدنویسی پیشرفته JPEG که سازگاری بالاییو حفظ می‌کنه و در عین حال قابلیت‌های پیشرفته‌تر و بهبود نسبت فشرده‌سازی 35 درصدی رو در تنظیمات فشرده‌سازی با کیفیت بالا ارائه می‌ده.

در واقع Jpegli یک کتابخانه کدنویسی جدید JPEG هست که طوری طراحی شده که سریعتر، کارآمدتر و از نظر بصری دلپذیرتر از JPEG سنتی باشه.🔥

چه مزایای بیشتری از jpeg داره ؟

◀️رمزگذار و رمزگشا

◀️نتایج با کیفیت بالا

◀️سریع

◀️متراکم تر

در کل Jpegli یک فناوری جدید و امیدوارکنندست که پتانسیل اینو داره که اینترنت رو سریعتر و زیباتر کنه.


#performance #encoder
@CodeModule

⚡️پرفورمنس سایتت رو بسنج !

توی این پست یک سایت بهتون معرفی میکنم که با استفاده از اون، میتونید سایت مد نظرتون رو از بابت Performance ،Structure ،LCP و LBT بسنجید و انالیزشون کنید🏋️‍♀️

⚠️ جهت استفاده از این سایت، باید Vpn روشن کنید

🔵Website

#web #performance #tools
@CodeModule

فریم ورک Million.js چیه و چه کاربردی داره؟🧐

🔵فریم ورک Million یک DOM مجازی بسیار سریع و سبکه (<4 کیلوبایت) که اجزای React رو تا 70٪ سریعتر می کنه. که این خیلی عالیه :))


‏Million، ایجاد برنامه های وب رو به سادگی فراهم کرده و سرعت رندرشون و بارگذاریشون رو سریع تر می کنه و با استفاده از یک DOM مجازی بهینه و تنظیم‌شده، هزینه‌های سربار برنامه رو کاهش میده.

ویژگی های اساسی این فریم ورک⬇️

ویژگی اول بارگذاری اولیه سریع صفحات و تعاملات نرم‌تر، به خصوص در برنامه‌های پیچیده هست که این فریم ورک و واقعا جذاب می‌کنه.

ویژگی دوم پایداریه که امری حیاتی حساب میشه.
به همین دلیل کاملاً کامپایلر در Million 3 بازنویسی شده. این بازسازی بر این تمرکز داره که تجربه شما رو پایدارتر و قابل اعتمادتر کنه اما چطور ؟
با پوشش دادن یک طیف گسترده‌تر از سناریوها.


اطلاعات بیشتر راجب این فریم ورک و میتونید تو داکیومنتش مطالعه کنید.

Document 🌐

#dom #performance #js
@CodeModule