Se você ainda não está preocupado com o tempo de carregamento de suas páginas, seu concorrente está.

Ninguém tem tempo a perder

Comumente ao irmos a algum restaurante ou estabelecimento pela primeira vez, nos deparamos com serviços de qualidade duvidosa e grande espera. Provavelmente, você nunca mais volta ao estabelecimento onde teve de desperdiçar seu precioso tempo aguardando algum serviço ou produto.

Esse problema não afeta somente comércios físicos. Sites e lojas virtuais também sofrem bastante com o tempo de espera, em especial com o de carregamento das páginas.

Usuários que acessam uma página, acabam desistindo se a mesmo demora muito tempo para carregar.

Clientes…


Hoje irei escrever um pouco sobre o amado e odiado framework Atomic CSS.

O Atomic CSS é um framework CSS desenvolvido pelo Yahoo em 2015 e promete acabar com alguns problemas como: especificidade, inchaço e redundância nos nossos códigos CSS.

Como no código CSS inline, ele oferece unidades de estilo de propósito único, mas aplicado através de classes. Seria basicamente como se escrevêssemos o nosso código CSS através de classes.

Exemplo:


O Problema

O tema escolhido foi o assédio as mulheres no transporte público. A escolha do tema foi em um momento sensível no noticiário e discussões nas redes, onde vitimas de abuso e assédio no transporte público estavam aparecendo toda a semana. Frente a isso o grupo decidiu pensar em uma solução e os questionamentos advindos do problema basicamente foram:

1° Por que ocorrem agressões às mulheres no transporte público?
A questão da educação e cultura machista e autoritária, somada com a precariedade de punição efetiva pode favorecer o agressor.

2° Por que não há punição efetiva?


Não é de hoje que muitos desenvolvedores buscam otimização no tempo de carregamento de suas páginas, não basta um layout bonito e um bom conteúdo, se o seu site é lento é bem provável que o seu cliente acabará no site do concorrente.

O tempo de carregamento das páginas influencia diretamente a taxa de conversão dos sites. Segundo estudo realizado pela Amazon a cada 1 segundo de atraso as taxas de conversões caem em torno de 7%.

Buscando essa otimização, surgiu o desafio onde trabalho de diminuir o tempo de carregamento das páginas, após algumas pesquisas acabei descobrindo o WebP.

O que é o formato WebP?

Lucas Renó Domingos

Engenheiro de Software Front End

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store