Authors
Keywords
Abstract
The emergence of micro frontend architectures has revolutionized the way organizations approach frontend application development, enabling distributed teams to work independently while maintaining system consistency. However, performance optimization in these distributed systems presents unique challenges that differ significantly from traditional monolithic approaches. This study examines performance strategies for micro frontend-based applications through a comprehensive analysis of 30 applications across six key performance metrics. The research reveals significant performance variations across micro frontend implementations, with bundle sizes ranging from 345KB to 550KB and API response times ranging from 155ms to 300ms. Our analysis demonstrates strong correlations between optimization strategies and application performance, particularly highlighting the critical role of lazy loading implementations.
Applications achieving lazy loading rates above 50% consistently outperformed those below 40%, with performance score improvements of up to 37 points. The study uses XGBoost regression models to predict key performance metrics, identifying challenges in CPU usage prediction due to overfitting concerns, while achieving exceptional accuracy for bundle size prediction (R² = 0.9647).The performance patterns indicate that successful micro frontend applications require integrated optimization across multiple dimensions, including composition strategies, dependency management, and inter-service communication protocols. The research identifies threshold values for optimal performance, including maintaining bundle sizes below 400KB and implementing aggressive lazy loading strategies. These findings provide actionable insights for development teams working with micro frontend architectures, providing data-driven guidance for architectural decisions and performance strategies in distributed frontend systems.
Objective: This study examines performance optimization in micro-frontend-based applications. It analyzes 30 settings across six key metrics, focusing on bundle size, lazy loading, CPU utilization, and response times. The research highlights optimization constraints and a predictive model to guide architectural decisions for scalable, efficient distributed frontends using XGBoost regression.
Key words: Micro frontend architecture, performance optimization, bundle size prediction, lazy loading strategies, XGBoost regression, client-side composition, dependency federation, performance metrics
