• novidade
  • lfg

Tela de carregamento no LFG

Acaba de ser adicionada uma tela de carregamento ao Buscador de Grupos de RPG do RPGist para que os visitantes não tenham que esperar a aplicação carregar em uma tela em branco, sem nenhum feedback de que a aplicação está carregando.

Como o do RPGist é feito em Angular, tanto a camada visual da aplicação quanto as lógicas de negócio estão arquivos de Javascript. Até que estes arquivos sejam baixados e lidos no navegador do usuário, nada acontece. 

Em desktops, com internet banda larga, a espera é relativamente pequena e a tela em branca de espera anteriormente ao carregamento mal é perceptível. Já em celulares em redes móveis, esse período de espera pode ser consideravelmente mais longo.

É importante que o usuário saiba, imediatamente assim que acessa nosso site, que a aplicação está carregando, caso contrário, pode pensar que a app travou e fechar a aba no navegador.

Foi adicionado, portanto, um ícone animado de carregamento, em CSS puro, destes que podem ser encontrados https://projects.lukehaas.me/css-loaders, embutido diretamente no HTML principal da app. Desta forma. o ícone de carregamento aparece imediatamente assim que o HTML é baixado no navegador do usuário, sem que serja necessário baixar um arquivo de estilo externo e/ou um GIF. Enfim, quando os arquivos de script da aplicação terminam de carregar, o ícone de carregamento é oculto e o acesso ao site é liberado.