Loaders

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.

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.

Deferred Section