​
Resumo

Os loaders são mecanismos para carregamento de dados. Existem algumas dicas em como otimizar o seu uso. Seguem algumas dicas:
  1. Quando o loader for reutilizado em diferentes sections ou páginas, recomenda-se utilizar um loader salvo (reusável)
  2. Sections que carregam dados e que não estão sendo exibidas na tela inicial (above the fold), podem ser Deferred

​
Reutilizando loaders

As sections do sistema podem ter dados carregados via loaders. Esses loaders podem ser definidos na própria section ou podem ser carregado de entidades salvas. Essas entidades salvas podem ser criadas a partir dos blocos de loaders. Criando um loader Ao salvar um loader, o mesmo é garantido poder ser reutilizado em diferentes sections. Além de permitir alterar as props e ter isto refletido em todos os locais onde esse loader é utilizado, fazer uso desse loader salvo permite otimizar o uso do sistema. Durante uma página como a página de descrição de produtos (PDP), é preciso carregar informações sobre o produto duas vezes: tanto para o carregamentos de detalhes de SEO como para a exibição do produto em si. Ao utilizar o mesmo loader, a deco otimiza para que o loader seja executado apenas uma vez durante o ciclo de renderização da página. image

​
Deferred Section

image