Como o site da Apus Coworking alcançou excelente velocidade?

Apus Coworking

Compartilhe:

Facebook
Pinterest

Entenda como o site da Apus Coworking alcançou excelente velocidade de carregamento. 

A  Apus está localizada no bairro da Vila Leopoldina, uma região em constante expansão empresarial.

Conta com um espaço de trabalho bem localizado e um ambiente muito agradável.

A Apus nos procurou para criar um site com sistema de reservas online automatizado.

Apus Coworking

A necessidade da Apus

Quando a Fabíola, proprietária da Apus, entrou em contato com a Agência Ux Web colocou as seguintes demandas:

  • Ter um site com visual atrativo;
  • Automatizar todo o sistema de reservas de salas;
  • Implementação de um sistema de reservas inteligente que faça a sugestão de dias e horários disponíveis para as reservas;
  • Sistema de pagamento online e integrado;
  • Disponibilização online da chave de acesso (senha eletrônica para abertura da sala);

Desafios técnicos

Para um site ter um sistema de reservas online e pagamento integrado, são necessários muitos recursos técnicos.

Esses recursos podem causar lentidão severa no tempo de carregamento do site.

Tínhamos os seguintes desafios:

  • Ter um design atrativo, mas que não causasse grande lentidão no sistema;
  • Escolher criteriosamente as ferramentas que fossem mais rápidas;
  •  Implantar segurança aprimorada para proteção das informações pessoais dos clientes e da Apus;
Site da Apus Coworking

1ª Fase do Projeto

A primeira fase do projeto foi implantar os sistemas necessários para o pleno funcionamento das reservas online.

O site ficou bastante atrativo, 100% funcional e a Apus adorou o design.

Utilizamos o WooCommerce como a plataforma para gerenciar pagamentos e pedidos.

Porém, como era esperado, os recursos eram muito robustos e tornaram o carregamento do site muito lento.

Abaixo confira o resultado inicial:

Velocidade Apus Coworking

O relatório acima, reflete como o site foi avaliado pelo Google Lighthouse e Google Core Web Vitals.

Para entender sobre essas métricas do Google, confira o artigo sobre como melhorar a velocidade do site.

Nessa primeira fase, o site atendeu 97% do critério estrutura. O que significa que tecnicamente foi bem construído, seguindo as melhores práticas de desenvolvimento.

Porém, apesar de termos seguido as práticas de desenvolvimento recomendadas, a avaliação do site pelo Google Lighthouse foi de apenas 48%, ou seja, o site estava com baixíssimo desempenho.

O aparecimento do conteúdo principal só ocorreu em 3 segundos, sendo que o padrão estabelecido pelo Google é de apenas 1,2 segundos.

Isso é bastante grave, pois afeta enormemente a experiência dos usuários do site da Apus.

Este problema acontece frequentemente, com sites que disponibilizam sistema de comércio eletrônico. Isso ocorre pois muitos recursos precisam ser carregados em cada acesso a página.

2ª Fase: Otimização para a velocidade

Chegamos em um ponto que precisávamos implementar otimizações para melhorar a velocidade de carregamento.

A velocidade de carregamento é um fator de ranqueamento para Google e tem uma relação direta com a melhora das vendas em qualquer website ou loja online.

Mas, tínhamos muito claro, que essas otimizações não podiam nem alterar o design, que já estava aprovado pela Apus. Muito menos, alterar as funcionalidades que já estavam implantadas.

Como otimizamos a velocidade do site Apus Coworking?

Abaixo, destacamos os pontos principais da otimização para a velocidade.

  • Sistemas de comércio eletrônico, sempre geram muitas requisições de arquivos quando a página é carregada;
  • Sendo assim, fizemos com que os recursos de comércio eletrônico do WooCommerce, fossem carregados somente nas páginas necessárias: página de reserva, carrinho de compra e checkout.
  • Realizamos um processo para otimizar imagens adequadamente.
  • Eliminamos todos os outros recursos não necessários em cada página. Só deixamos aqueles recursos absolutamente necessários para o perfeito carregamento;
  • O site utiliza a web fonte Montserrat. Porém, esta fonte é carregada na página, após ser buscada no site do Google Fonts. Eliminamos essa requisição ao site do Google, implantando essa fonte localmente.
  • Reajustamos a quantidade de variações das fontes, diminuindo a quantidade total utilizada.
  • Implantamos o pré carregamento dos recursos principais para a exibição do conteúdo do site;
  • Reduzimos significativamente o tempo de resposta do servidor.
  • E outros detalhes que fizeram o site da Apus alcançar excelente resultado;

Novos resultados no Google Lighthouse

Apus Velocidade

Como pode ser visto na imagem acima, as otimizações realizadas tiveram efeito.

O site da Apus atingiu uma performance no Google Lighthouse de 93%.

Além disso, foi possível notar que o conteúdo principal foi carregado em apenas 0,8 segundos. Um tempo excelente para um site com tantos recursos.

Apus Resultado Lighthouse

Neste quadro podemos ver o relatório completo do Google Lighthouse.

Perceba que em apenas 1,2 segundos o site se torna interativo para o usuário, refletindo em melhora expressiva para a experiência do usuário.

O carregamento completo do site da Apus diminuiu de 3,6 segundos para 1,3 segundos.

Esses números apresentados são muitos superiores a média de outros sites ou lojas virtuais.

Essa é a especialidade da Ux Web: desenvolver projetos web que entrega excelentes experiências para os usuários de websites e e-commerce.

Artigos relacionados:

No Blog da Agência Ux Web você encontrará conteúdo indispensável para o crescimento do seu negócio online.

REDES SOCIAIS

CATEGORIAS DO BLOG