Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Quando a gente precisa tirar uma foto do estado atual do HTML, especialmente ao salvar um pop-up, a ferramenta mais comum acaba sendo o HTML2Canvas. Mas na prática, muitos desenvolvedores se deparam com o problema do tempo de execução e até da tela travar durante o processo.
O problema é que, por mais que seja fácil de usar, o HTML2Canvas não é o mais rápido em cenários complexos ou com muitos elementos, o que acaba impactando até a experiência do usuário. Uma alternativa que alguns têm testado é usar o Puppeteer, que roda em um ambiente Node e consegue gerar screenshots mais rápido, além de evitar a parada na UI.
Porém, a troca de ferramenta nem sempre é simples, principalmente se sua aplicação roda direto no navegador. Nesse caso, uma dica é otimizar seu DOM, simplificando elementos ou usando técnicas de lazy loading, para reduzir o esforço da captura. Sem esse critério, a solução pode parecer simples no começo e cara no suporte. O valor aparece melhor quando operação, produto e engenharia olham para o mesmo risco.
Quem aí já precisou lidar com esse gargalo? Como resolveram na prática para não impactar o desempenho?
Carregando comentários...