E muito facil para um desenvolvedor, sentado em seu escritorio de frente para um monitor moderno com um PC de ultima geracao e fibra optica de alta velocidade, criar sites e apps pesados pensando que todo mundo tera aquela mesma fluidez de animacoes a 60 frames por segundo. A realidade do mercado brasileiro e bem mais diversa e desafiadora do que isso.
Um app so e verdadeiramente global e inclusivo se ele for rapido em hardwares simples e conexoes lentas.
Cortando a Gordura: Vanilla JavaScript
O ecossistema web moderno e poluido por frameworks imensos que, embora muito uteis em sistemas complexos, carregam peso desnecessario para aplicativos que deveriam ser simples utilitarios. Uma das decisoes de engenharia mais importantes que tomamos foi utilizar Vanilla JavaScript, ou seja, codigo puro, sem bibliotecas intermediarias.
Isso significa que nossos apps carregam apenas o codigo que realmente usa. O resultado e arquivos JavaScript que sao dramaticamente menores, com tempo de carregamento inicial muito mais rapido, especialmente em conexoes 3G lentas que ainda sao comuns em areas rurais do Brasil.
CSS Animations em vez de JavaScript
Aqueles elementos graficos girando, pulsando e animando em nossos projetos? Em vez de calcular as posicoes na tela usando scripts em JavaScript pesado (o que causaria "engasgos" nos celulares mais modestos), delegamos essas animacoes para o motor CSS3. O navegador direciona as animacoes CSS diretamente para a placa de video do aparelho (Aceleracao de Hardware), resultando em movimentos fluidos com pouquissimo gasto de bateria ou processador.
Imagens e Fontes Otimizadas
Sempre servimos imagens convertidas em formato WebP, uma media de 50% mais leve que o JPEG equivalente. Para icones e logotipos, usamos SVG que escala perfeitamente em qualquer resolucao. Alem disso, aplicamos subsetting em nossas web fonts, carregando apenas os caracteres exatos que o site usara, cortando centenas de kilobytes do download inicial. O resultado e que os projetos carregam e abrem praticamente num estalar de dedos, mesmo em conexoes mais lentas.
Voltar para o Blog