우리의 코드 jQuery의 성능을 향상

항상 재미있는 기사, 그리고 코드가 더 효율적으로 만드는 방법의 논의를 발견했습니다.
나는 항상 내 자신이 이전 다음 PHP, 자바와 다음 jQuery 프레임 워크와 새로운 언어를 직면 발견 때마다 말씀 드렸습니다. 그것은 응답 시간을 최적화하기 위해뿐만 아니라이다, 아니면 사용자 경험을보다 빠르고 참여하기 위해.
코드도 코드 그 자체의 품질, 내가 항상 개최해야 뭔가 반영 최적화하는 방법에 대해 알아 봅니다.
나는 그것이 장인의에 프로그래머로 일하기 생각하기 위해 필요한 것 같은데, 우리 제품은 유물이며 같은 더 많거나 적은 정제된 수 있습니다.
이 같은 결과를 달성하는 방법에는 여러 가지가 있지만, 일부는 다른보다되며,하지만 모든 프로젝트에 대한 성능에주의를 기울 중요하지 항상 좋은 방법을 사용하여, 그것은 필요한시기에 유용하게 사용될 것입니다.
jQuery의 최적화에 많은 온라인 자원이있다, 몇 가지는 유비 쿼터스, 다른 학자 있으며, 다른 모순 것, 우리는 약간의 순서와 두 번째 목록에는 우리가 포기하지 수있는 가장 좋은 방법의 직접적인 경험을 체결 않습니다.

프레임 워크의 최신 버전을 사용

jQuery의 새 버전으로 이동하는 것을 두려워하지 말고, 이전 버전과의 호환성을 보장하고 각 릴리스는 가장 많이 사용되는 기능의 코어 및 지각할 수있는 개선의 섹션을 다시 작성하여 성능을 크게 향상을 제공합니다. 사형 이야기 시간의 일부 기능에 다음에 단 한 릴리스는 50 % 감소. 아래의 그림에서보세요 :

DOM 준비에 바로 가기를 사용하여

대신 :

 



 $ (문서). 준비 (함수 () {* / / * 로직})

 

의 바로 가기를 사용하여 몇 바이트를 저장 :

 



 $ (함수 () {/ * 논리 * /});

 

논리 윈도우로드 참조

그것은 준비가 문서의 모든 쓸 필요는 없습니다. 논리의 대표단은 윈도우의 로딩을 수행할 수 있습니다. 예를 들어, 긴 형식의 끝에 버튼을 클릭 바인딩하는 것은 휴식을 정의할 수 기다릴 수 있습니다.

 $ (함수 () {



  



 / / 여기에 # 논리







 });







 $ (창). 부하 (함수 () {



  



 $ ( "ButtonID"). 클릭 (함수 () {



    



 / / 버튼을 바인딩 # 이것은 논리



  



 });







 });

Minificare 스크립트

첫째, 당신이 파이어 폭스 (addon로 설치하는 것이 좋습니다 불을 지르고 )와 당신이 찾아내는 당신의 Google 크롬 속도 페이지에 플러그인 여기에 . 이 유용한 도구뿐만 아니라 페이지의 성능에 중요한 기능을 가지고 개선을 위해 일반적인 충고를 해주 : minificata 버전은 당신이 안으로 찾을 수있는 모든 스크립트를 제공합니다. 또한 CSS를위한 않고도 이미지의 최적화된 버전을 제공하지만, 우리의 무거운 jQuery에 반영하자, 나는 밑에 두 스크린샷 무엇 당신이 천 단어보다 더 설명 첨부 :

그것이 불을 지르고에 표시되는 구글 페이지가 속도 :

minificata이 스크립트의 버전을 다른 이름으로 저장을 클릭 :

이 다운로드 킬로바이트의 수만을 저장 취할 수 Minificare 페이지에 스크립트의 각.

• <<
• 1
• 2
• >>