Atualmente, estou trabalhando no Magento 2 e notei que o tempo de carregamento de todas as páginas é extremamente alto.
No momento, estou executando o Xampp, modo de produção ativado, HTML / js / CSS são mesclados e minificados, o Varnish está desativado e não o utilizarei, pois minha hospedagem não pode instalá-lo no meu servidor, pois isso interfere no alguns scripts. Eu uso um tema personalizado cujo pai é o tema em branco do Magento 2. Depois de alterar minhas configurações, reimplantei os arquivos estáticos e esvaziei o cache.
Minha principal preocupação é que, quando olho para o painel de rede, vejo uma enorme quantidade de arquivos js sempre carregados. Por exemplo, na minha página de categoria, 122 arquivos js são carregados, o que eu achei bastante, para um tamanho total de 955 ko.
Testei-o no meu servidor sem a fusão e a minificação, mas como disse acima, acho que o problema está na quantidade de arquivos carregados, porque mesmo que ele carregue mais rápido, ainda é muito longo e no processo de checkout é ainda pior.
Eu tentei a opção de agrupamento, mas ele gera um arquivo js de 8 MB, o que é pior.
Perdi alguma coisa ou é algo normal que a quantidade de arquivos js seja grande? O verniz é obrigatório para um bom desempenho e existe uma alternativa para ele?
Eu sou bastante novo no Magento 2, portanto, se você precisar de mais informações, ficarei feliz em fornecê-lo.
fonte
Respostas:
A quantidade de JS é enorme, mas se somar 8 MB, há algo errado. Você deve usar a configuração "Agrupar" no modo de produção, se não quiser que mais de 100 arquivos sejam carregados.
Com o tema Luma padrão, empacotamento, mesclagem e minificação ativados, o arquivo JS empacotado é de 1,9 MB.
O verniz é outro tópico e não ajudará no desempenho dos arquivos estáticos gerados.
fonte
Eu também sou bastante novo no Magento 2, mas até agora, tanto no magento 1 quanto no 2, tivemos que habilitar o cache para obter qualquer coisa que tivesse qualquer velocidade. A quantidade de js é enorme, portanto o armazenamento em cache é seu melhor amigo. Você pode habilitar o cache executando php bin / magento cache: enable. Se você estiver com o cache ativado, precisará liberá-lo após fazer alterações usando o php bin / magento cache: flush. O cache do Magento 2 está disponível, mesmo sem o Vanish.
fonte
É realmente surpreendente que esse problema seja real para o Magento 2 em 2020. O empacotamento não agrupa 90% dos arquivos (como descrito aqui )
Js merge, por outro lado, mescla tudo em um mega-pacote super pesado.
No entanto, apesar de não poder ser resolvido com o Magento padrão, aqui está uma extensão paga que melhora muito o comportamento acima mencionado: otimização da velocidade da página do Google
fonte