Повышение эффективности нашего кода JQuery

Я всегда находил интересную статью, и любое обсуждение того, как сделать код более эффективным.
Я всегда в курсе каждый раз, что я оказался перед новым языком, до PHP, то Java, а затем с JQuery рамки. Это не только оптимизировать время ответа, или только сделать работу пользователей более быстрым и интересным.
Узнайте, как оптимизировать код также отражается на качестве самого кода, то, на что я был и остаюсь.
Я думаю, что необходимо думать о работе в качестве программиста, что и мастер, наш продукт является артефактом и, таким образом, могут быть более или менее изысканным.
Есть много способов для достижения того же результата, но некоторые из них лучше, чем другие, хотя и не для всех проектов, жизненно важно быть внимательным к производительности, всегда используйте хороший подход, она будет полезна в случае необходимости.
Есть много интернет-ресурсы по оптимизации JQuery, несколько советов повсеместно, другие ученые, другие кажутся противоречивыми, то мы немного порядка и второй список также подписали непосредственный опыт передовых методов, которые мы не можем отказаться.

Используйте последнюю версию рамках

Не бойтесь идти на новую версию JQuery, обратная совместимость гарантируется и каждый релиз привносит значительные улучшения в производительности при переписывании разделы ядра и заметного улучшения в наиболее часто используемых функций. Только один релиз на следующий для некоторых функций времени на разговоры о казни снижается до 50%. Взгляните на рисунок ниже:

Используйте ссылку на DOM Готовые

Вместо того, чтобы:

 



 $ (Документ). Ready (функция () {/ * Логика * /})

 

сохранить некоторые байты, используя контекстное:

 



 $ (Function () {/ * Логика * /});

 

Ссылаясь на нагрузку окна логики

Не стоит писать все, что в документ готов. Делегаты логику для выполнения загрузки окна. Например, привязка нажатием кнопки в конце длинной формы могут расслабиться и ждать, чтобы быть определен.

 $ (Function () {



  



 / / # Логика







 });







 $ (Window). Нагрузки (функция () {



  



 $ ("ButtonID"). Нажмите кнопку (функция () {



    



 / / # Эта логика связать кнопку



  



 });







 });

Minificare скрипты

Во-первых, я предлагаю вам установить на свой ​​Firefox (как аддон FireBug ) и плагинов на ваш Google Chrome Скорость страницу, что вы найдете здесь . Этот полезный инструмент, а также дать общие рекомендации для улучшения производительности вашей странице ценное свойство: minificata версия предлагает все скрипты, которые вы найдете внутри. Она также делает для CSS, а также предоставляет оптимизированные версии изображения, но давайте задумаемся над нашей тяжелой JQuery, я придаю два скриншота ниже объясню лучше, чем тысяча слов, что вы делаете:

Google страницы скоростью, как он появляется в поджигатель:

Нажатие на сохранение в minificata получить версию скрипта:

Minificare каждого из скриптов на страницы, которые вы можете предпринять, чтобы спасти десятки KB для загрузки.

• <<
• 1
• 2
• >>