Como fazer Applications CSS3 correr mais rápido com yepnope.js

Parte do problema com aplicativos baseados em navegador é que você solicitar um único recurso de uma biblioteca CSS3 e acabar com toda a biblioteca carregado. O processo é lento, pesado, propenso a erros, e simplesmente ineficiente.

Você pode usar yepnope.js para ajudar a superar esses problemas. Ao trabalhar com yepnope.js, você fornece uma condição que o produto, em seguida, testa e, em seguida recursos cargas somente quando necessário para suportar uma condição específica. Você pode usar este produto com CSS3 ou arquivos javascript.

Felizmente, a ferramenta yepnope.js vai mais longe do que simplesmente carregar recursos com base em condições. Por exemplo, alguns aplicativos sem pensar chamar um script com o mesmo parâmetros de entrada várias vezes quando apenas uma saída é possível usando um determinado conjunto de entradas. As várias chamadas pode revelar-se especialmente ao chamar outra URL demorado.

Você pode usar yepnope.js para manter eventos como este ocorra. A ferramenta ajuda a tornar o código do aplicativo mais inteligente assim chamadas de alta latência são evitados sempre que possível.

Outro problema com scripts é que eles podem continuar a funcionar, mesmo quando não há nenhuma esperança de que eles terminará sempre. Depois de um tempo, o usuário clica no botão Voltar ou vai para um site diferente.

Você pode adicionar o tempo limite para scripts individualmente com yepnope.js modo que se torna possível detectar os tempos de espera e tratá-los como erros. Com esta capacidade no lugar, é potencialmente possível recuperar a partir de scripts que continuam em execução quando não deveriam.

O foco central do yepnope.js é a função yepnope (). Ele fornece uma sintaxe parecida com esta:

yepnope ([{teste: / * Uma condição que você deseja testar * /, sim: / * tarefas executadas quando a verdadeira * /, Nope:. / * Tarefas realizadas quando falsa * /, ambas: / * tarefas executadas de cada vez * / , carga: / * Recursos carregado toda vez * /, callback: / * a função a ser chamada durante o processamento * /, completa: / * a função a ser chamada após o processamento * /}, ...]) -

A idéia básica é que você criar um cenário onde as tarefas são realizadas com base nas necessidades específicas de forma que o aplicativo não gastar tempo executando tarefas desnecessárias (e desperdiçar tempo e recursos, como resultado). Claro, yepnope.js oferece mais funcionalidades do que o apresentado nesta visão geral, mas a versão curta é que este é um carregador de recursos inteligente.