آرش منطقی،

طراح و توسعه‌دهنده رابط کاربری

دومین همایش طراحی واکنش‌گرا و مبحث استایل‌نویسی حیاتی

Screen Shot 2015-12-24 at 7.56.04 PM

در تاریخ سوم دی ماه ۹۴ دومین همایش طراحی واکنش‌گرا برگزار شد و من افتخار داشتم به عنوان یکی از سخنرانان تو این کنفرانس شرکت کنم. موضوع صحبت‌های من درمورد استایل نویسی حیاتی یا Critical CSS و تأثیرش در پرفورمنس طراحی واکنش‌گرا بود. از سخنرانی‌های دوستان هم استفاده کردم و چندتاشون خیلی برام مفید واقع شد. در مجموع بنظرم رویداد کم حاشیه و علمی‌ای بود.

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

دوست دارم چند خطی درباره اهمیت و تأثیر استایل‌نویسی حیاتی توضیحاتی بدم تا کسانی که در همایش حضور نداشتن، راحت‌تر با این موضوع آشنا بشن. هدف از در نظر گرفتن این روش، بالا بردن پرفورمنس هست. مسئله‌ای که هست اینه که مرورگرها نمی‌تونن تا قبل از اینکه فایل‌های استایل‌شیت مورد نظر رو به طور کامل لود کنن مشغول به رندر صفحه بشن. ایده این روش این هست که استایل‌شیت‌هایی که اهمیت زیادی داره رو به صورت مجزا، در سریع‌ترین زمان ممکن به مرورگر کاربر برسونیم تا بتونه هر چه سریع‌تر محتوایی برای نمایش در صفحه آماده کنه.

در واقع به این ترتیب مانع از این میشیم که کاربر چند ثانیه به صفحه سفید نمایشگر خیره شه و منتظر رندر صفحه بمونه. ایده این روش اینلاین نویسی کدهای حیاتی است. اما این‌لاین نویسی کدها برای تمام صفحات کار غیر ممکنی بنظر می‌رسد. در ادامه این ارائه به روش‌هایی برای حل این مشکل ، مطرح کردن چالش‌ها، مزایا و دیگر رویکرد‌های این روش پرداخته شده.

اگر این موضوع برای شما جالب بنظر میاد، پیشنهاد می‌کنم داکیومنت ارائه بنده رو از دراپ‌باکس دانلود کرده یا بر روی slideshare ببینید و نظرات‌تون رو با من به اشتراک بزارین. امیدوارم که این مقاله برای خوانندگان مفید واقع شه.