Gutenberg: Os blocos da galeria são lentos

Visão geral do problema

O bloco Gallery, conforme está implementado atualmente, tem problemas de desempenho e escala devido ao número de solicitações que gera. Não estou familiarizado com as práticas recomendadas no React, mas tentarei explicar o que estou vendo ao trabalhar com galerias.

Etapas para reproduzir (para bugs)

1. Insira um novo bloco da Galeria

2. Clique no botão "Inserir da biblioteca de mídia" para abrir o modal de mídia
   
   Este é o comportamento padrão, mas apenas para explicar o que acontece: quando o modal de mídia é aberto pela primeira vez, ele envia uma solicitação query-attachments AJAX para buscar os 40 anexos mais recentes e os adiciona a uma coleção global acessível em wp.media.model.Attachments.all .Rolar pela biblioteca irá carregar lentamente 40 anexos por vez.

3. Selecione 10 imagens e clique no botão "Criar nova galeria"

4. Clique no botão "Inserir Galeria"
   
   __Ao inserir a galeria, o bloco Gallery dispara uma solicitação separada para a API REST para cada imagem na galeria. Nesse caso, são 10 solicitações que precisam ser respondidas antes que a galeria possa ser visualizada.
   
   Além de sobrecarregar o servidor com solicitações, isso também cria um atraso de renderização abaixo do ideal .__

5. Clique no botão editar na barra de ferramentas para atualizar a galeria
   
   __O bloco envia uma solicitação get-attachment AJAX para cada imagem da galeria. Isso acontece sempre que o quadro de mídia é aberto .__

6. Feche o quadro de mídia

7. Salve a postagem

8. Atualizar
   
   __Quando o editor carrega, as imagens são buscadas individualmente na API REST .__

Comportamento esperado

Eu esperava que as galerias fossem renderizadas mais rapidamente. Na minha máquina local, uma galeria com 10 imagens pode levar de 4 a 10 segundos para ser renderizada.

Solução possível

O ideal é que, se uma postagem tiver uma galeria, os dados da imagem serão pré-carregados para evitar solicitações extras durante o carregamento inicial.

Ao abrir o quadro de mídia, PR # 2488 ajudaria a minimizar as solicitações.

Ao inserir uma galeria do frame de mídia, todos os dados necessários para renderizar a galeria devem estar disponíveis na coleção wp.media.model.Attachments.all . Seria bom usar dados que já estão na memória em vez de gerar uma nova solicitação para cada imagem. A outra opção seria buscar dados para todas as imagens em uma única solicitação.

Eu tentei desabilitar withAPIData para o componente GalleryImage e tudo parecia continuar funcionando corretamente, mas eu não testei completamente. Se isso fosse removido, as galerias seriam renderizadas quase que instantaneamente.

Problemas Relacionados e / ou PRs

PR # 2488 coloca o quadro de mídia no estado correto ao editar uma galeria, mas também evita que uma solicitação AJAX separada seja gerada para cada imagem ao abrir o modal.