2009-06-18 6 views
3

jQuery UI를 사용하는 페이지가 있고 두 개의 다른 텍스트 상자에서 datepicker를 호출합니다. 외침없이, ie. 아무 데이트 피커도 부착하지 않고 페이지를로드하는 것만으로 페이지가 1.20 초 동안로드됩니다. datepickers가 첨부 된 상태에서 페이지가 3.92 초 동안로드됩니다. (파이어 폭스입니다.)페이지로드시 병목을 어떻게 확인할 수 있습니까?

어떻게 속도를 높일 수 있습니까? Firebug의 네트워크 그래프를 기반으로해서 네트워크 문제는 아니지만 datepicker 첨부 파일에 줄이있는 것처럼 보입니다. 이 속도를 높이는 방법이 있습니까?

또한이 동작은 Firefox 3.0.11에서만 나타납니다. Chrome은 빠르고 쉽게 작동하며 IE7도 좋습니다.

+2

오늘 나는 같은 문제를 경험했다. .. 그 다음 나는 방화범을 끈다. .. p – dfa

+0

그것은 정확하게 그 것이었다! 대답으로 만 의견을 수락 할 수 있다면! – cdeszaq

답변

1

dfa가 내 메인 포스트에 댓글에 맞습니다. 문제는 방화범이었다. 나는 datepicker 로딩과 잘 맞지 않는 것 같아요. 방화범이 꺼지면 페이지 로딩 시간은 약 0.5 초가되어야합니다.

0

이 링크를 살펴 보는 것이 좋습니다 : . 여기에는 http://tools.pingdom.com/ 링크가있어 페이지로드 문제를 파악하는 데 도움이됩니다. 페이지의 두 가지 버전을 사용해보고이 도구가 무엇을 발견했는지 확인하십시오.

3

Firebug's code profiler을 실행하여 어떤 기능이 문제를 일으키는 지 확인하십시오. 기본적으로 "프로필"버튼을 누르고 페이지를 새로 고침하여로드를 허용 한 다음 "프로필"버튼을 다시 눌러 대부분의 리소스를 소비하거나 가장 오래 걸리는 시간을 읽습니다.

프로파일 러는 코드에 있거나 jQuery UI에서 어떤 것이 든간에 무엇이 얽혀 있는지에 대한 아이디어를 제공해야합니다.

보다 일반적인 의미에서 효율적인 선택기를 사용하여 날짜 선택 도구를 바인딩 할 요소를 선택해야합니다. 또한 날짜 선택 도구가 병목 현상이있는 DOM (스타일 시트, 이미지 등)에 뭔가를 주입하는 것이 가능합니까 (jQuery UI의 날짜 선택 도구를 사용한 이후 잠시 동안 문제가되지 않았을 수 있습니다)?

0

FireFox 용 FireBugYSlow 플러그인을 사용하십시오. 전자는 실행 타이밍과 로깅을 허용하고, 후자는 규칙 목록을 가지고 무엇을 튜닝할지에 대한 제안을합니다.

+1

YSlow는 코드 실행을 프로파일 링하지 않고로드되는 항목 만 프로파일 링합니다. 로드는 문제가 아니며, datepicker 첨부 파일이 수행하는 작업입니다. 속도 저하는 DOMLoad 이후에만 발생하기 때문입니다. – cdeszaq

관련 문제