Otimize imagens para um site mais responsivo
Para o Adobe Commerce em implantações de infraestrutura em nuvem, melhore o tempo de resposta do site, otimizando as imagens antes de carregá-las. Em seguida, use a Otimização de imagem do Fastly para acelerar a entrega de imagens e simplificar a manutenção de conjuntos de fontes de imagem.
Produtos e versões afetados
Todas as versõescom suporte de:
Adobe Commerce na infraestrutura em nuvem
Otimizar e compactar imagens
Antes de carregar imagens para seus sites do Commerce, otimize-as e compacte-as para equilibrar o desempenho com a qualidade de visualização. Isso ajuda a aumentar o espaço e reduzir o tempo de carregamento da página.
-
O formato PNG fornece imagens de tamanho menor para imagens com grandes áreas de cor sólida.
-
O formato JPEG fornece imagens de tamanho menor para todos os outros tipos de imagem. Use a compactação mais alta (sem degradação visível). Isso geralmente é de 60 a 80 por cento.
Ativar e configurar a otimização de imagem do Fastly
Depois de configurar o serviço Fastly para o seu projeto no Adobe Commerce Cloud, consulte Fastly image otimization para obter instruções sobre como habilitar e configurar a otimização de imagens.