52% 的速度提升！美版“携程”如何利用微前端架构和 GraphQL 优化航班搜索？

作者 | Rafal Gancarz 译者 | 明知山 策划 | Tina Expedia 通过对其 Web 和移动应用程序应用一系列优化措施，使航班搜索速度提升了 52%（页面可用时间）。为了支持这些改进措施，Expedia 提升了其应用程序的可观察性。Expedia 的 Flights Web 应用程序改成了微前端架构（MFA），以实现灵活性和可重用性，实现更好的优化。航班搜索占了 Expedia 用户流量的很大一部分。由于无法直接控制第三方 API 的延迟，因此 Expedia 决定优化网络调用和自己的 渐进式 Web 应用程序 (PWA) 来提升用户体验。开发团队改进了前端和后端组件的可观察性，为性能优化提供支持。工程师们跟踪了多个指标，包括页面可用时间（React 组件的加载时间）、非供应开销（总体后端调用延迟，不包括第三方 API 调用）、首次内容绘制（FCP）、可交互时间（TTI） 等等。降低延迟（来源：Expedia 技 ………………………………