بهینهسازی بارگذاری یکی از حیاتیترین موضوعات در زمینه Front-End است و جای تعجب نیست – برنامهها باید سریع باشند تا یک تجربه کاربری عالی ارائه دهند. یکی از راههای موثر برای سرعت بخشیدن به زمان بارگذاری، کاهش اندازه برنامه است و بارگذاری تنبل یک تکنیک کلیدی برای رسیدن به این هدف است. اکثر توسعه دهندگان با نحوه کارکرد بارگذاری تنبل آشنا هستند: معمولاً در تمام فریم ورک های Front-End مدرن برای تقسیم برنامه ها بر اساس مسیرها و بارگذاری مؤلفه ها فقط در صورت نیاز استفاده می شود. یکی دیگر از روش های پرکاربرد واردات پویا است. با این حال، اجرای این تکنیک ها در سناریوهای خاص می تواند چالش برانگیز باشد. در این مقاله، من این سناریوها را بررسی میکنم و در مورد نحوه رسیدگی به آنها در Angular 17 بحث میکنم.
در برنامه فعلی من، مقدار قابل توجهی از محتوای پنهان، مانند راهنمای ابزار و پنجره های بازشو وجود دارد. در حالی که وقتی محتوا فقط متن باشد، مشکلی نیست، اما زمانی که شامل ویژگیهای تجاری پیچیده در کل برنامه میشود، به یک مشکل عملکرد تبدیل میشود. به عنوان مثال، یکی از راهنمایی های ابزار 320 کیلوبایت است که با قطعات و خدمات سنگین پر شده است که همه آنها مورد نیاز تجارت هستند. علاوه بر این، این مؤلفهها چندین بار در جداول داده مقداردهی اولیه میشوند – تا 100 بار در هر جدول. طنز این است که این اجزا اغلب نامرئی هستند تا زمانی که کاربر …