03
500 bin harita nesnesi: ilk render 800 ms’den 480 ms’ye.
Kısıt
Yoğun GIS arayüzlerinin, ilk etkileşimi belirgin şekilde geciktirmeden yaklaşık 300-500 bin coğrafi nesne içeren veri kümelerini render edip işlemesi gerekiyordu.
Mühendislik hamlesi
Katmanları ve stilleri yeniden yapılandırdım, kümeleme ve istemci tarafı filtreleme ekledim; React state katmanı ile Elasticsearch arasındaki veri yolundaki tekrar eden işleri ortadan kaldırdım.
Sonuç
İlk Mapbox GL JS render süresi yaklaşık 800 ms'den 480 ms'ye düştü; ayrı bir algoritma çalışmasıyla coğrafi arama yanıt süresinde %30 iyileşme sağlandı.
ReactMapbox GL JSReduxElasticsearchPerformance Profiling
800 → 480msilk harita render'ı
300K–500Kcoğrafi nesne