Eu tinha tanto a boa ou má sorte de ter acabado de largura de banda no nosso plano de casa esta semana, como aqui no Alasca os planos não são ilimitados. Quando isso acontece, eles te atrapalhar a um gotejamento, até que o seu mês de cobrança começa novamente. Como resultado, eu era capaz de ver o quão miseravelmente lento um 2MB além de aplicativos web cargas para alguém sem internet de alta velocidade Assistindo uma tela branca por eras antes mesmo de chegar um preloader não é divertido. Então eu percebi que eu preciso mudar a forma como o carregamento do site e aplicativo, como é importante que nosso aplicativo ser acessível a crianças ao redor do mundo que não podem ter acesso à internet de alta velocidade. Eu coloquei um inline gráfico SVG, bem como um preloader CSS puro, com todas as informações de estilo no cabeçalho HTML. Eu normalmente nunca fazer isso, como tendo uma clara separação de HTML, JS, CSS e sempre me pareceu muito melhor … Mas isso deixa os usuários olhando par
Eu também carregar script.js no cabeçalho, então eu uso isso para carregar meus arquivos de forma escalonada para que sejam carregadas na ordem correta para as dependências, e isso me dá a capacidade de atualizar o indicador de pré-carregamento após cada lote é feito. Eu também uso head.js, como script.js não pode lidar com arquivos CSS. Eu assíncrona carregar o CSS e um arquivo de dados grande, enquanto o outro material começa carregamento, e em seguida, depois que todos os arquivos necessários são dong, eu carregar o arquivo app real, e atualizar meu preloader para a sua posição final. Eu gostaria de adicionar frases ou balões de fala que falam sobre nosso aplicativo cativante, mas eu sou muito preguiçoso para fazer isso em 8 línguas agora
| Casa | Sobre |