Skia WebAssembly Acelerado: Ganho de Performance Sem Aumento de Módulo

A otimização de performance em aplicações web complexas, especialmente aquelas que utilizam módulos WebAssembly pesados como o Skia, exige uma abordagem multifacetada. O caso do Recraft Studio ilustra bem essa realidade. O problema inicial não era o tamanho do módulo Skia WebAssembly de 9,2 MB em si, mas sim a sua posição tardia na sequência de carregamento. Ele só era solicitado após múltiplas requisições de rede e a travessia da árvore React, um processo que consumia tempo vital e atrasava a renderização do primeiro canvas.

As soluções implementadas focaram em antecipar a disponibilidade dos recursos críticos. Utilizar preload no cabeçalho HTML garantiu que o módulo WASM e as fontes essenciais começassem a carregar imediatamente, sem depender da execução de JavaScript ou da renderização do React. A inicialização de Skia e das fontes foi