Cómo hacer que las aplicaciones se ejecutan más rápido con css3 yepnope.js

Video: The yepnope.js Library Jump Start

Parte del problema con las aplicaciones basadas en el navegador es que usted solicita un único recurso de una biblioteca CSS3 y termina con toda la biblioteca cargada. El proceso es lento, engorroso y propenso a errores, y simplemente ineficiente.

Video: Evolution of headjs

Puedes usar yepnope.js para ayudar a superar estos problemas. Cuando se trabaja con yepnope.js, se proporciona una condición que pone a prueba el producto a continuación, y luego carga los recursos sólo cuando sea necesario para apoyar una condición específica. Se puede utilizar este producto con CSS3 o archivos javascript.

Afortunadamente, la herramienta yepnope.js va más allá de simplemente cargando los recursos en función de las condiciones. Por ejemplo, algunas aplicaciones mindlessly llamar a un script con el mismo parámetros de entrada varias veces cuando sólo una salida es posible utilizando un conjunto particular de entradas. Las múltiples llamadas pueden ser especialmente lento cuando se llama a otra URL.

Puede utilizar yepnope.js para mantener este tipo de eventos que se produzcan. La herramienta ayuda a que el código de aplicación más inteligente para que las llamadas de alta latencia se evitan siempre que sea posible.

Otro problema con los scripts es que pueden seguir funcionando, incluso cuando no hay esperanza de que alguna vez la completa. Después de un tiempo, el usuario hace clic en el botón Atrás o va a un sitio diferente.

Puede añadir los tiempos de espera para los scripts de forma individual con yepnope.js para que sea posible detectar los tiempos de espera y manejarlos como errores. Con esta capacidad en su lugar, es potencialmente posible recuperarse de guiones que siguen corriendo cuando no deberían hacerlo.

El foco central de yepnope.js es la función yepnope (). Proporciona una sintaxis que tiene este aspecto:

yepnope ([{prueba: / * Una condición que desea probar * /, sip: / * Las tareas realizadas cuando la verdadera * /, nop:. / * Las tareas realizadas cuando falsa * /, ambos: / * Las tareas desempeñadas por cada vez que * / , carga: / * Recursos carga cada vez * /, devolución de llamada: / * función a llamar durante el proceso * /, completa: / * función a llamar después de procesar * /}, ...]) -

La idea básica es que se crea un escenario donde las tareas se realizan basándose en las necesidades específicas para que la aplicación no gasta tiempo realizando tareas innecesarias (y perder tiempo y recursos como resultado). Por supuesto, yepnope.js proporciona más funcionalidad que se presenta en esta visión general, pero la versión corta es que este es un cargador inteligente de los recursos.

Artículos Relacionados