03
500K kaartobjecten: eerste render van 800 naar 480 ms.
Beperking
Dichte GIS-interfaces moesten datasets van ongeveer 300.000–500.000 geo-objecten renderen en verwerken zonder de eerste interactie merkbaar te vertragen.
Technische zet
Ik bouwde lagen en stijlen opnieuw op, introduceerde client-side clustering en filtering, en verminderde overbodig werk in het datapad tussen de React-statelaag en Elasticsearch.
Resultaat
De initiële rendering van Mapbox GL JS daalde van ongeveer 800 naar 480 ms, en apart algoritmewerk leverde een verbetering van 30% in geo-zoeksnelheid op.
ReactMapbox GL JSReduxElasticsearchPerformance Profiling
800 → 480msinitiële kaartrendering
300K–500Kgeo-objecten