Home / Companies / Mapbox / Blog / Post Details
Content Deep Dive

Mapbox GL JS reduces bundle size by up to 27% with modular rendering

Blog post from Mapbox

Post Details
Company
Date Published
Author
Mira Ala-Kantti
Word Count
1,129
Company Posts That Month
5
Language
English
Hacker News Points
-
Post removed?
No
Summary

Mapbox GL JS v3.32 introduces a fully modular ES module architecture that separates advanced rendering features into on-demand Environment, 3D Content, and High-detail modules alongside a lightweight core renderer. Modules load automatically according to a map style’s requirements, allowing applications such as dashboards, store locators, and data visualizations to avoid downloading unused terrain, globe, indoor mapping, and 3D rendering code. A core-only implementation can reduce downloaded code by up to 27%, while even configurations using every module are reported to be 14% smaller than the previous monolithic bundle. The update also uses Brotli compression and rendering-pipeline improvements, including faster shader compilation, tile decoding, and parsing, which Mapbox says can reduce average frame times by 25% and time to idle by up to 50%. Developers can adopt the architecture by updating to GL JS v3.32 or later and switching from the UMD bundle to the ESM entry point for npm or CDN use.

Trends Found in this Post

No tracked trend matches for this post yet.

Use This Data

Use this post, company, and trend context to find content marketing opportunities, perform competitive analysis, or address product feature gaps via the Plushcap MCP server or the Plushcap API.