3 مستودعات
Dividing application bundles into smaller chunks based on routing paths to optimize initial load times.
Distinct from Dependency-Based Code Splitting: Focuses on splitting the frontend bundle based on application routes, whereas dependency-based splitting focuses on the graph of module dependencies.
Explore 3 awesome GitHub repositories matching software engineering & architecture · Route-Based Code Splitting. Refine with filters or upvote what's useful.
preact-cli هو أداة سطر أوامر للسقالات والتطوير وبناء التطبيقات باستخدام مكتبة Preact. يوفر خط أنابيب بناء قائم على Webpack لتنسيق تحويل الكود، وتحسين الأصول، وتجميع الإنتاج. تتضمن مجموعة الأدوات عارضًا مسبقًا للموقع الساكن لتحويل مسارات التطبيق إلى ملفات HTML ساكنة ومجموعة أدوات تطوير PWA لإنشاء عمال الخدمة والتخزين المؤقت للأصول دون اتصال. كما يعمل كخادم تطوير للواجهة الأمامية يتميز باستبدال الوحدة الساخن (hot module replacement) ووكيل لتكرار التطبيق في الوقت الفعلي. يغطي المشروع مجموعة واسعة من القدرات، بما في ذلك سقالات المشروع، وتحسين البناء من خلال تقسيم الكود التلقائي القائم على المسار، وتكامل خطوط أنابيب معالجة CSS المسبقة. كما يدعم إدارة متغيرات البيئة وتخصيص تكوينات البناء من خلال الإضافات والتجاوزات.
Implements automatic route-based code splitting to reduce the initial bundle size for faster page loads.
هذا المشروع عبارة عن مرجع تقني ودليل لتحسين أداء تطبيقات Angular. يوفر قائمة مرجعية شاملة لتحسين السرعة والكفاءة من خلال التركيز على تحسين الحزم (bundle)، وأفضل ممارسات العرض، وتنفيذ وقت التشغيل. يغطي الدليل مجموعة واسعة من الميزات بما في ذلك تنفيذ استراتيجيات تطبيقات الويب التقدمية (PWA) من خلال عمال الخدمة (service workers) والتخزين المؤقت دون اتصال. كما يفصل طرق تحسين أوقات التحميل المتصورة باستخدام العرض من جانب الخادم (SSR) وأغلفة التطبيقات. يوفر المستودع توجيهاً حول مجالات إمكانيات أوسع مثل ضبط اكتشاف التغيير، واستخدام عمال الويب (web workers) لتفريغ الحسابات الثقيلة، وإدارة DOM عبر التمرير الافتراضي. كما يغطي تقليل حجم الحزمة من خلال التخلص من الكود غير المستخدم (tree-shaking)، والضغط، وتقسيم الوحدات بالتحميل الكسول.
Divides the application into smaller chunks that load only when specific routes are accessed.
after.js is a server-side rendering framework for React applications that integrates with React Router to coordinate data loading, routing, and hydration. It functions as both a rendering framework and a static site generator, capable of exporting pages as static HTML and JSON files for delivery via content delivery networks. The framework provides a server-side data fetching layer that populates component properties during the render process. It manages navigation through a system of status-code driven redirections and dynamic error handling, allowing the application to trigger redirects or
Defines lazy-loaded routes to divide application bundles into smaller chunks, reducing initial load times.