Case de sucesso - Voxline / Grupo Habib's

Veja como a Voxline otimizou métricas de performance web com a GoCache

Conheça a Voxline:

Com um modelo de gestão ímpar e um parque tecnológico de ponta, o Voxline foi fundado em 2002 por um Grupo investidor com mais de 30 Empresas no Brasil. Apontado pela Revista Consumidor Moderno como um dos melhores Contact Centers do mercado brasileiro, transforma contatos em oportunidades.

É conhecida em todo o mercado brasileiro pelos seus recursos sob medida nas frentes de Delivery, BPO/MULTI-SETORHealthcare

Em 2018 a Voxline estava em busca de uma solução de CDN que oferece a melhor capilaridade de entrega no Brasil, buscando otimizar métricas de performance de suas aplicações. Além disso, a Voxline também passou a utilizar os recursos de otimização de imagens da GoCache, o que permitiu reduzir o tempo de carregamento de suas aplicações e otimizou métricas importantes como LCP, TTFB, Start Render, entre outros. 

Deve-se levar em consideração que boa parte do tráfego das aplicações de Delivery administradas pela Voxline são acessadas através de dispositivos móveis e APP’s, sendo assim, era fundamental otimizar a entrega mobile. 

Principais resultados:
  • Redução de 60% em LCP (Largest Contentful Paint)
  • Redução de mais de 70% do tamanho das imagens utilizando o Lithio
Otimização de imagens com o Lithio

O Lithio é um recurso de compressão de imagens da GoCache, onde toda a otimização é feita na borda, sem a necessidade de alterar nada em sua aplicação de origem. Entre as opções do Lithio estão a compressão de imagens em três níveis diferentes – Alto, Médio e Baixo, bem como, recursos de conversão para webP, formato criado pelo Google que possibilita reduzir significativamente o tempo de carregamento em grande parte dos navegadores. 

Assim que a Voxline passou a entregar suas aplicações através da GoCache, foram habilitados recursos de otimização de imagens, responsáveis por otimizar métricas importantes de web performance. Abaixo, vamos ver alguns comparativos de performance com e sem o uso de Lithio, dentro da aplicação do Habib’s, administrada pela Voxline. 

Comparativos no WebPageTest - Habib's

O WebPageTest é uma ferramenta de diagnóstico que é utilizada por diversos profissionais de performance com o objetivo de identificar pontos de melhorias em aplicações web.  

Abaixo, compartilhamos um resumo entre os resultados do www.habibs.com.br, onde foram feitos com os recursos do Lithio desativados e ativados

Comparativo WebPageTest – Habib’s

Conforme vemos acima, assim que ativamos os recursos de compressão de imagens foi possível identificar ganhos em praticamente todas as métricas de performance através dos testes da WebPageTest. Destaque para a métrica de LCP (Largest Contentful Paint) que apresentou redução de mais de 60%, sendo está, uma importante métrica avaliada em testes do Google Core Web Vitals. Caso queira aprender mais sobre Core Web Vitals, recomendamos o artigo – Core Web Vitals: O que é, e como funciona

Para alcançar os resultados do teste acima, utilizamos uma configuração com otimização para WebP, otimização para JPEG progressivo, remoção de metadados e utilizamos a compressão em nível alto.

Configurações Lithio (otimizador de imagens) – Habib’s

Caso queira aprender mais sobre as métricas do WebPageTest, recomendamos a leitura do artigo: 

Como usar o WebPageTest

E para conferir os resultados do WebPageTest na integra, seguem os links abaixo: 

– Teste WebPageTest com Lithio desativado

– Teste WebPageTest com Lithio ativado

Observando em detalhes

Além do WebPageTest, também é possível observar os resultados que o Lihio traz na prática, investigando a aplicação e realizando testes A/B com o recurso desativado e ativado. Abaixo, vamos observar o resultado da compressão e otimização de imagens do Lithio em uma imagem de 940 kb. 

Comparativo em imagens SEM e COM Lithio ativo – Habib’s

Conforme vemos acima, uma imagem de 940,5 kb foi reduzida para 78,9 kb (redução de 91% no tamanho da imagem) apenas ativando o recurso de otimização na borda da GoCache. 

Deve-se levar em consideração que o comparativo ilustra os ganhos em apenas uma das imagens da aplicação, sendo assim, se considerarmos a otimização em toda a cascata de fotos da aplicação, justificamos os ganhos apresentados anteriormente dentro do WebPageTest. 

Transferência reduzida via Analytics

Além da otimização que o Lithio trouxe para a aplicação, citadas acima, também podemos acompanhar a redução no uso de banda proporcionada pelo recurso dentro do Analytics da GoCache. 

Através do nosso Analutics em tempo real com granularidade de minutos é possível acompanhar a transferência de banda economizada através da utilização da ferramenta de compressão de imagens. 

 

Analytics da GoCache – Transferência reduzida apresentada em porcentagem

Como vemos acima, a redução de transferência que a Voxline alcançou dentro da aplicação do Habib’s foi superior a 70%, o que na prática representa economia no uso de banda (data transfer out). 

Depoimento:

Segundo Felipe Paschoa Fideli, Gerente de Sistemas e Integrações, a GoCache trouxe muitos ganhos em segurança, performance e estabilidade para os nossos sistemas mais críticos, dando-nos a tranquilidade que precisamos quanto à continuidade do negócio. Estamos extremamente satisfeitos com a qualidade do serviço prestado e sempre felizes em abraçar as novas features que são lançadas visando a melhoria incessante da excelência do serviço que prestamos aos nossos clientes.

Quer conhecer a Voxline?

Sua empresa precisa de ajuda?

Se sua empresa tem desafios similares ao da Voxline, por favor, fale conosco 🙂 

Confira outros cases da GoCache

Case Ultrafarma

Confira como o principal e-commerce de remédios do Brasil ganhou mais poder de escala e reduziu custos com CDN.

Case XTech

Conheça um pouco mais sobre a integração via API entre a XTECH Commerce do grupo VTEX e a GoCache.

Case Buser

Entenda como o principal aplicativo de viagens de ônibus do país aumentou sua segurança com o Rate Limit da GoCache.

Case Onfly

Veja como a Onfly otimizou a experiência de seus usuários, reduzindo latência de entrega em todas as regiões do país.

Case GuiaInvest

Saiba mais sobre a otimização que o time da GuiaInvest fez para melhorar seus resultados de Core Web Vitals.