Каковы некоторые быстрые советы по увеличению производительности jQuery?

Question

Каковы некоторые быстрые советы по увеличению производительности jQuery?

Answer 1

1. Предпочитают простой выбор первого только ID, и второй только по имя тега. Выбор по имени класса или селектору CSS требует, чтобы jQuery проходил DOM, а идентификатор и тег отображались в «родные» функции DOM браузера (getElementById и getElementByTagName).
2. Кэш Ваши объекты jQuery как можно больше.
3. Сфера применения операции с корневым объектом jQuery. Вместо того, чтобы выбирать элементы отдельно, выберите общий элемент предка и используйте функцию find, чтобы найти элементы в пределах области этих элементов. Это действительно оптимально, если вы все равно выполняете некоторые операции с общим предком; в противном случае накладные расходы на поиск предка и кэширование его могут перевесить выгоду от обхода области.
4. Не используйте $.each(), использовать for(;;) вместо. Это более чем в десять раз быстрее.

Answer 2

Справочные файлы по google's CDN, поэтому они загружаются быстрее.

Answer 3

Пол Ирланд недавно выступил с презентацией о выступлении на конференции jQuery 2009. Слайды - одни из самых полных, которые я видел.

http://paulirish.com/perf/
http://www.slideshare.net/paul.irish/perfcompression

Answer 4

Вместо того, чтобы делать:

$("#foo").addClass('test'); 
$("#foo").removeClass("bar"); 
$("#foo").slideUp('slow'); 

вы можете сделать:

$("#foo").addClass('test').removeClass('bar').slideUp('slow'); 

Answer 5

Это не представляется возможным увеличить скорость JQuery, это действительно зависит от того, как эффективный код, насколько эффективен интерпретатор JS-браузера и насколько быстро работает компьютер Код -. Возможно, вы попытаетесь переписать jQuery, чтобы сделать его более эффективным, но это займет время, и это, скорее всего, уже довольно оптимизировано.

Answer 6

Один из лучших способов обеспечения эффективности - убедиться, что * селектор нацелен на элемент/класс и так далее, насколько это возможно.

* $ (Селектор)

Answer 7

это doeas применяется всегда к общему JavaScript: всегда кэш, кэш, кэш т.д .:

var $this = $(this); 
$this.css('width', parseInt($this.css('width')) + 20 + 'px'); 

Answer 8

знать, когда использовать обычный JavaScript вместо методов JQuery.

jQuery является дополнением к JS + DOM, а не полной заменой для него. Вам не нужно использовать jQuery для каждой строки кода, который вы пишете. Некоторые вещи более кратко выражаются без него; многие вещи быстрее без него. Узнайте, что делает DOM, поэтому вы не можете написать некоторые из более глупых примеров, которые я видел здесь.

например .:

var ix= $('#'+selectname).children().index($('#'+selectname+' option:selected')); 

быстрее, легче читать, не порывать с неожиданными персонажами в ID:

var ix= document.getElementById(selectname).selectedIndex; 

Answer 9

Я думаю, что вы просите оптимизации кода, но так как производительность сильно зависит от используемого JavaScript-Engine, я хотел бы упомянуть Google Chrome Frame.