Implementing a Flutter Hot‑Fix Solution for ZA Bank: Architecture, Process, and Lessons Learned

This article details ZA Bank’s implementation of a Flutter hot‑fix solution, describing the evaluation of various approaches, the selection of a FlutterWeb‑based page‑downgrade strategy, the design of backend patch management, challenges such as font loading and package size, and the resulting high fix rate and performance improvements.

Cross‑PlatformFlutterFlutterWeb

0 likes · 24 min read

Implementing a Flutter Hot‑Fix Solution for ZA Bank: Architecture, Process, and Lessons Learned

Meituan Technology Team

Dec 16, 2021 · Frontend Development

FlutterWeb Performance Optimization at Meituan Takeaway

Meituan Takeaway tackled FlutterWeb’s heavy bundle and slow page loads by slimming the SDK, adding hash‑based CDN splitting, lazy‑loading modules, pre‑fetching first‑screen resources, separating PC/mobile code, and trimming icon fonts, cutting bundle size ~40 % and halving TP90 load time from 6 s to 3 s across ten merchant pages.

FlutterWebJSChunkingPerformanceOptimization

0 likes · 22 min read

FlutterWeb Performance Optimization at Meituan Takeaway