Otimizar Componentes (Minimização) para Melhor Desempenho

Melhore o desempenho de seus componentes e reduza os tamanhos dos downloads minimizando o código JavaScript com o Developer Cloud Service.

Otimizar seus Componentes

Um exemplo de como otimizar o código de origem do componente (opcional) é fornecido para o componente Sample-Text-With-Image. Você pode usar o otimizador RequireJS para minimizar e combinar código de origem. A minimização de um componente remove espaço indesejado no código JavaScript, resultando em melhor desempenho e redução do tamanho do download. A otimização envolve as seguintes ações:

  • Minimizar o JavaScript.

  • Compactar o CSS.

  • Combinar JavaScript, HTML e CSS em um único arquivo, render.js.

Essa otimização reduz o tamanho do download e melhora o desempenho.

Ativar a Otimização do seu Componente

No componente Sample-Text-With-Image, a otimização minimizará e combinará todos os arquivos marcados como dependências em render.js (template.html, data-defaults.js e design.css) para render.js como um arquivo único. Estes são outros componentes que já suportam otimização: 

  • Sample-Folder-List

  • Sample-File-List

  • Sample-Documents-Manager

  • Sample-Process-Start-Form

  • Sample-Process-Task-List

  • Sample-Process-Task-Details

Para ativar a otimização do seu componente local, execute as seguintes etapas (obrigatório):

  1. Copie gulpfile.js do componente Sample-Text-With-Image para seu componente.

  2. Corrija os nomes dos módulos em gulpfile.js para suas dependências render.js. Consulte os comentários em gulpfile.js.

Nota:

Se você tiver um componente existente, com uma pasta css em assets, renomeie a pasta css para styles para evitar erros durante a otimização.