بهینه سازی تصویر در Vue & Nuxt

امسال، بسیار خوشحال شدم که یک بار دیگر در یکی از بهترین کنفرانس های Vue.js در جهان صحبت کردم -> Vue.js Live 🚀
یادم می آید اولین باری که آنجا سخنرانی کردم، درست بعد از همه گیری کووید بود، بنابراین رسیدن به لندن به این آسانی نبود. اما در نهایت موفق شدم و آنجا، در واقع اولین کنفرانس بزرگ من بود. من واقعا استرس داشتم و واقعاً به موضوع ارائه خودم فکر نکرده بودم اما کاملاً به دلم بود بنابراین فکر می کنم که توانستم آن را به شکل دلپذیر ارائه دهم.
موضوع ارائه من این بود Fullstack Open Source E-commerce with Vue Storefront & Vendure
. ایده این بود که نشان دهد کاربران چگونه می توانند وب سایت های تجارت الکترونیکی را با استفاده از این دو ابزار (به معنای واقعی کلمه در چند دقیقه) بسازند. بازخورد کلی بسیار خوب بود، اما از سازماندهندگان یاد گرفتم که برای ارائه بعدی، میتوانم بیشتر روی الگوی شیوههای توسعه وب عمومی تمرکز کنم تا صحبتهای خاص محصول.
بنابراین، این بار، تصمیم گرفتم در مورد چیزی که واقعاً به دلم است -> سخنرانی کنم Image Optimization as a quick win for improving performance
.
می توانید ضبط صحبت های من را با لینک زیر بررسی کنید:
https://portal.gitnation.org/contents/image-optimization-quick-win-for-improving-performance-in-vue-and-nuxt-apps
در این گفتگو موضوعات مختلفی را در رابطه با لایک تصاویر ارائه کردم:
- فرمت ها
- اندازه ها
- بارگذاری تنبل
- خدمات بهینه سازی تصویر مانند IPX
- ابری مدیریت دارایی دیجیتال
- سایر تکنیک ها و الگوها
- میم ها 😄
- و چند مورد دیگر!
اگر علاقه مند به یادگیری بیشتر در مورد موضوع بهبود عملکرد در برنامه های کاربردی وب هستید، من دو سری را در اینجا ایجاد کرده ام:
- عملکرد وب -> https://dev.to/jacobandrewsky/series/22630
- Nuxt Performance -> https://dev.to/jacobandrewsky/series/20978