• Guias
• Image Optimization Template

O template Image Optimization inclui configurações para aprimorar o carregamento de imagens e o armazenamento em cache com base na extensão do arquivo. Essas configurações utilizam regras avançadas de cache key aplicadas por meio do Rules Engine para Edge Application.

Você deve vincular sua origem ao template para começar a usar este conjunto de regras de cache para entrega. Após o deployment, o script cria uma nova edge application que é executada na Plataforma de Edge Computing da Azion, com a qual você pode gerenciar e ajustar as configurações.

As extensões de arquivo que podem ser aprimoradas com essas configurações são .jpg, .jpeg, .bmp, .ico, .gif, .png.

Para usar este template, você deve ativar:

Para fazer isso:

1. Acesse o Azion Console.
2. Selecione Account menu > Billing & Subscriptions.
3. Clique na aba Subscriptions.
4. Active o switch do módulo.

Para usar este template, acesse o Azion Console e selecione a opção Start with a template na página inicial.

Isso abrirá uma nova página onde você pode selecionar o card do Image Optimization.

Na página do template, clique na aba Settings para abrir o formulário de configuração e fornecer as informações para configurar sua aplicação.

Campos identificados com um asterisco são obrigatórios.

• Application Name *: o nome da sua edge application na Azion.
  • Digite um nome único e fácil de lembrar. Se o nome já tiver sido usado, a plataforma retornará uma mensagem de erro.
• Origin Address *: o endereço da origem de onde a edge application deve buscar o conteúdo original.
  • Exemplo: www.yourwebsite.com
• Custom Host Header: em alguns casos, pode ser necessário adicionar informações do host no cabeçalho da solicitação para recuperar informações da origem. Esta variável é usada para esse propósito.
  • Exemplo: ${host}. Saiba mais sobre o host header e como customizá-lo no documentação de Origins.
• Static files extensions to cache *: as extensões de arquivo para as regras, separadas por uma vírgula. Você pode adicionar quantas variáveis precisar, com base no exemplo.
  • Exemplo: jpg,jpeg,bmp,ico,gif,png
• CDN Static Maximum TTL *: o TTL (time-to-live) máximo, em segundos, para o conteúdo em cache ser entregue.
  • Aceita valores entre 0 e 31536000. Valor padrão: 31536000
• Browser Image Maximum TTL *: o TTL (time-to-live) máximo, em segundos, para conteúdo armazenado em cache no navegador.
  • Aceita valores entre 0 e 31536000. Valor padrão: 0

Depois de preencher todas as informações, clique no botão Next, localizado no canto inferior direito.

Durante a implantação, você poderá acompanhar o processo através de uma janela mostrando os logs. Quando estiver concluido, aparecerá uma nova página confirmando que a edge application foi criada com sucesso.

Esta página mostra as seguintes seções:

• A seção Access your Edge Application, que inclui o link para visitar e explorar sua aplicação.
• O Build Summary contém o nome e a função da aplicação.
• A aba Deployment details pode ser aberta para acessar os logs relacionados à implantação.
• What do you want to do next? fornece recomendações sobre opções avançadas para aprimorar sua edge application: Customize Domain, Manage Edge Application, View Edge Application Metrics, View Edge Application Logs e o botão Back to Home.

Agora, você pode gestionar e ajustar as configurações através de sua nova edge application na Azion.

Considerando que essa configuração inicial pode não ser ideal para sua aplicação, todas as configurações podem ser personalizadas sempre que você precisar usando o Azion Console.

Para gerenciar e editar as configurações da sua aplicação, siga estas etapas:

1. Acesse o Azion Console.
2. No canto superior esquerdo, selecione Products menu > Edge Application.

• Você será redirecionado para a página de Edge Application. Ela lista todas as edge applications que você criou.

3. Encontre a aplicação relacionada ao Image Optimization e selecione-a.

• A lista é organizada em ordem alfabética. Você também pode usar a barra de busca localizada no canto superior esquerdo da lista; atualmente, ela é filtrada apenas pelo Application Name, ou nome da edge application.

Depois de selecionar a aplicação em que você trabalhará, você será direcionado para uma página que contém todas as configurações que você pode configurar.

Contribuidores