jQuery - Poprawa wydajności/Kod

Question

Właśnie rozpocząłem pracę z jQuery i szukałem jakiegoś rodzaju zasobów, jak poprawić szybkość/wydajność mojego kodu. Zastanawiałem się, czy ktoś ma jakieś wskazówki lub zasoby, które mogłyby mi pomóc.

Dzięki,

Bev

Answer 1

miałem kilka stron w zakładkach w tym samym temacie, mam nadzieję, że będą one pomóc z czego potrzebują. (Tematy wahają się od prostych do zaawansowanych)

jQuery Performance Rules tematy obejmują:

1. Zawsze schodzić Z ID
2. używać znaczników Przed klas
3. jQuery Cache Przedmioty
4. wykorzystać moc Łańcuchowanie
5. Użyj zapytań podrzędnych
6. Limit Direc t DOM Manipulacja
7. Wykorzystanie delegowania zdarzeń (a.k.a. Bulgotanie)
8. Wyeliminowanie Query Odpady
9. Defer do $ (okno
) .load
10. kompresji JS
11. Dowiedz Bibliotekę

jQuery Performance and Optimization Tips Tematy:

1. Bądź na bieżąco! Czy stosujesz metody i techniki, które są przestarzałe?
2. Wykonanie kodu kontekstowego jQuery - Czy ładujesz kod, który nie jest potrzebny?
3. Testowanie jQuery Jednostka
4. Benchmark kodzie jQuery
5. Przechowywać pobieranie razy do minimum jednego skompresowanego pliku JS master.
6. Kontekst vs. Znajdź
7. Window.load do końca.
8. równowagę między korzystaniem z JavaScript & jQuery

jQuery Performance Tuning Tips - Paul Irish tematy obejmują:

1. Optymalizacja selektorów dla Sizzle jest 'od prawej do lewej' Model
2. Wykorzystanie żyć() nie kliknij()
3. Wyciągnij elementy z DOM podczas gry im
4. Wykorzystanie find() zamiast kontekście
5. Korzystanie HTML 5
6. tagi stylu Dołącz gdy stylizacji 15 lub więcej elementów
7. selektorów badanie przy użyciu szybkiego Google Page
8. wykrywanie Wykorzystanie obiektu jQuery, nawet jeśli nie wygeneruje błąd
9. bezpośrednie użycie funkcji raczej niż ich odpowiedniki wygodę
10. nauczyć się mniej znanych metod

Improving jQuery Performance with Large Data Sets tematy obejmują:

1. rodem używać JavaScriptu() pętli zamiast jQuery $ .each() pomocnika
   funkcja.
2. NIE dołączaj elementu do DOM w pętli.
3. Jeśli masz dużo elementów do wstawienia do DOM, otocz je
   z elementem nadrzędnym dla lepszej wydajności .
4. Nie używaj konkatenacji ciągów, zamiast tego użyj metody join() tablicy dla bardzo długich łańcuchów.
5. Użyj funkcji setTimeout() dla funkcji pętli długiej listy i konkatenacji
   funkcji.

Mam nadzieję, że to wystarczy, aby rozpocząć podróż do nieba wydajności jQuery.