jquery-in-footer 코드 최적화 (이론)

Question

저는 지연로드, scrollTo, 이미지 효과, 그리고이 사이트에서 사람들의 게시물을 읽음으로써 수집 된 다양한 스 니펫을 포함하여 다양한 jquery 플러그인을 사용하고 있습니다. 이제는 이러한 모든 효과가 바닥 글에서 해고되고, 지연이 발생합니다. 그 효과는 주저하거나 주저하거나 뛰어 들거나 매끄럽지 않습니다.

문서 준비 대 윈도우로드를 사용하여 놀았으며 FOUC를 방지하기 위해 헤더에 스 니펫이 있지만 대기열 문제 나 메모리 오버로드 또는 다른 것이 있다는 느낌이 들었습니다. (너무 많은 프로그램을 실행하면서 노트북을 사용하려고 할 때와 같이 모든 것이 무겁고 느립니다.)

특히 Opera에 있습니다. Opera가 내 사이트를 처리 할 수없는 것과 같은 이유가 있습니다.

몇 가지 jquery 효과가 이러한 문제를 야기한다는 것은 당연하지 않습니다. 사람들은 강렬한 비디오 게임을하고 문제는 없지만 갑자기 컴퓨터가 처리하기에 페이드 인 효과가있는 웹 사이트가 너무 많습니까? 내 꼬리말 코드에 뭔가 잘못되어 있어야합니다.

그래서 내 이론의 질문에 -

표준 관행처럼 거기에 나는 서로 충돌하지 않는 경우,이 JQuery와 효과를 모두 부드럽게를 실행해야합니다 적은 메모리를 중얼 위해, 다음 시작해야 또는 무엇이든?

Answer 1

먼저, 자바 스크립트/jQuery 코드가 웹 페이지의 속도를 늦추고 있는지 아니면 플러그인인지를 알아야합니다. 즉, profile 코드입니다.

일단 작업을 완료하면 최적화를 시작할 수 있습니다. jQuery를 최적화하는 방법을 설명하는 기사가 많이 있습니다.

• http://24ways.org/2011/your-jquery-now-with-less-suck
• http://hungred.com/useful-information/jquery-optimization-tips-and-tricks/
• http://addyosmani.com/blog/8-jquery-performance-tips/

몇 가지 팁 : 그들이 무겁게 브라우저에 최적화되어 getElementById()에 위임하고 있기 때문에 그 자체로

• ID 선택기가 빠르다 .
• 캐시 jQuery 선택기. 즉, $('.class1 #id2 > child3') 번 10 번 연속으로 전화하지 마십시오. var $mytd

과 같은 변수에 저장합니다. 오류가 플러그인에있는 경우 옵션이 더 제한됩니다. 그러나 몇 가지 당신이 시도 할 수 있습니다 :

• 들이 축소 된되어 있는지 확인합니다 그래서 그들은 (그냥 파일을 전송하는 시간을 갖지 않지만, 또한 컴파일되지 않기 때문에 읽기)
빠르게로드하는 것이
• 경량 대안을 찾으십시오. 예 : 페이드 효과 만 있으면 50kb짜리 jQuery 라이브러리는 포함시키지 마십시오.

오페라는 적어도 내가 듣는 것으로부터 빠르다. 그러나 IE를 사용하여 테스트하는 경우 속도가 느릴 것으로 예상하십시오. 그들의 자바 스크립트 엔진은별로 좋지 않습니다.