jQuery - Mejora del rendimiento/Código

Question

Acabo de empezar a trabajar con jQuery y he estado buscando algún tipo de recurso sobre cómo mejorar la velocidad/el rendimiento de mi código. Me preguntaba si alguien tenía consejos o recursos que podrían ayudarme.

Gracias,

Bev

Answer 1

yo tuvimos un par de sitios marcados en este mismo tema, es de esperar que le ayudará a cabo con lo que necesita. (Los temas van desde la simple a avanzado)

jQuery Performance Rules temas incluyen:

1. siempre descienden de un #id
2. utilizar etiquetas antes de las clases
3. caché jQuery Objetos
4. Aprovechar el poder de Encadenamiento
5. Usar subconsultas
6. Límite Direc t DOM Manipulation
7. Apalancamiento Evento Delegación (a.k.a. Burbujeante)
8. Eliminar las consultas de residuos
9. Defer a $ (ventana) .load
10. comprimir JS
11. Aprender la Biblioteca

jQuery Performance and Optimization Tips temas incluyen:

1. ¡Mantente al día! ¿Estás utilizando métodos y técnicas obsoletos?
2. Ejecución de código jQuery con reconocimiento de contexto: ¿está cargando código que no es necesario?
3. pruebas unitarias jQuery
4. Benchmark su código jQuery
5. momento mantener la transferencia a un mínimo con un archivo maestro JS comprimido.
6. Contexto vs. Buscar
7. Window.load todo el camino.
8. encontrar un equilibrio entre su uso de JavaScript & jQuery

jQuery Performance Tuning Tips - Paul Irish temas incluyen:

1. selectores Optimizar para chisporroteo de 'derecha a izquierda' modelo
2. Uso vivir() no haga clic()
3. Extraiga elementos del DOM mientras juega con ellos
4. Uso find() en lugar de contexto
5. uso de HTML 5
6. etiquetas de estilo Anexar durante el peinado 15 o más elementos
7. selectores de prueba a través de Google Page Speed ​​
8. detección de Uso objeto incluso si no lo hace jQuery generará un error
9. uso de las funciones directas en lugar de sus homólogos de conveniencia
10. aprender los métodos menos conocidos

Improving jQuery Performance with Large Data Sets temas incluyen:

1. nativa uso de JavaScript bucle for() en lugar de ayudante
   función jQuery de $ each().
2. NO anexe un elemento al DOM en su ciclo.
3. Si tiene muchos elementos para insertar en el DOM, rodéelos
   con un elemento principal para un mejor rendimiento de .
4. No utilice la concatenación de cadenas, en su lugar use el método join() de array para cadenas muy largas.
5. Utilice la función setTimeout() para su lista larga de bucles y concatenación
   funciones.

Con suerte estos será suficiente para que pueda empezar en su viaje hacia el cielo jQuery rendimiento.