Mejorar el rendimiento de nuestro código jQuery

Siempre me ha parecido interesante artículo, y cualquier discusión de cómo hacer el código más eficiente.
Siempre me ha informado cada vez que me encontré frente a un nuevo idioma, antes de PHP, Java y luego con el framework jQuery. No se trata sólo de optimizar los tiempos de respuesta, o sólo para hacer la experiencia de usuario más rápido y mejorado.
Aprenda a optimizar el código también se refleja en la calidad del código en sí, algo a lo que siempre he tenido.
Creo que es necesario pensar en un trabajo como programador a la de los artesanos, nuestro producto es un artefacto y, como tal, puede ser más o menos refinado.
Hay muchas maneras de lograr el mismo resultado, pero algunos son mejores que otros, aunque no para todos los proyectos es de vital importancia estar atentos a los resultados, utilice siempre un buen enfoque, que será útil en tiempos de necesidad.
Hay muchos recursos en línea en la optimización de jQuery, algunos consejos son académicos en todas partes, otros, otros parecen contradictorios, entonces hacemos un poco de orden y la segunda lista también firmó la experiencia directa de las mejores prácticas que no podemos renunciar.

Utilice la última versión del marco

No tenga miedo de ir a la nueva versión de jQuery, la compatibilidad está garantizada y cada versión aporta mejoras significativas en el rendimiento con la nueva redacción de las secciones de las mejoras de núcleo y es perceptible en las funciones más utilizadas. Sólo una versión a la siguiente para algunas funciones de tiempo a hablar sobre las ejecuciones reduce al 50%. Echa un vistazo a la ilustración de abajo:

Utilice el acceso directo a la Lista DOM

En lugar de:

 



 $ (Document). Ready (function () {/ * lógica * /})

 

ahorrar un poco de bytes mediante el uso de su acceso directo:

 



 $ (Function () {/ * lógica * /});

 

Refiriéndose a la carga ventana lógica

No es necesario escribir todo lo que en el documento preparado. Los delegados de la lógica para realizar la carga de la ventana. Por ejemplo, la unión el clic de un botón en la parte final de una forma larga puede relajarse y esperar que se definan.

 $ (Function () {



  



 / / # La lógica aquí







 });







 Cargar $ (Ventana). (Function () {



  



 $ ("ButtonId"). Haga clic en (function () {



    



 / / # Esta lógica para enlazar el botón



  



 });







 });

Minificare scripts

En primer lugar, le sugiero que se instala en Firefox (como complemento FireBug ) y el plugin en la página de la velocidad de Google Chrome que se encuentran aquí . Esta herramienta útil, así como dar consejos generales para mejorar el rendimiento de su página tiene una característica valiosa: la versión minificata ofrece todos los scripts que se encuentran en el interior. También lo hace para CSS y también ofrece versiones optimizadas de las imágenes, pero vamos a reflexionar sobre nuestra jQuery pesados, adjunto dos capturas de pantalla a continuación explican mejor que mil palabras, lo que hace:

La página de Google de velocidad tal y como aparece en firebug:

Al hacer clic en Guardar como minificata obtener la versión de la secuencia de comandos:

Minificare cada uno de los scripts de la página que usted puede tomar para salvar a decenas de KB para descargar.

• <<
• 1
• 2
• >>