Dynamic imports: Speeding up the initial loading time of WebAssembly Studio
admin last edited by
WebAssembly Studio utilizes an open source code editor called Monaco Editor that is also used to power the oh-so popular VSCode. The size of the Monaco Editor dependency is pretty extensive, roughly around 15mb. This becomes smaller when minimized and gzipped of course, but it is still a lot to download on an initial page load (especially for users with slow connections).
The scenario below is a bit simplified but explains (in broad terms) what used to happen on the initial page load. Before the user interface (UI) could be rendered, the whole Monaco Editor dependency had to be loaded.