JS 이미지로드 성능

모바일 및 랩톱에서이 사이트의로드 시간이 매우 느립니다. 어떻게 JavaScript 성능을 향상시킬 수 있습니까?JS 이미지로드 성능

http://jsfiddle.net/rajkumart08/8YK2n/embedded/result/

Gallery = { 
      _config: { 
       speed: 500, 
       size: 65, 
       lightbox: !0, 
       closeOnEsc: !0, 
       animation: "default", 
       slideshow: !1, 
       slideshow_speed: 3E3, 
       cube_speed: 1E3 
      },

출처

2013-03-01 user2045025

이미지가 너무 많습니다. 그들에게 클라이언트 쪽을 캐시하십시오. –

파이어 폭스에 대해이 플러그인 가져 오기 : 당신은 귀하의 사이트에 대한 보고서를 실행하고 문제를 진단하는 데 도움이 될 몇 가지 좋은 정보를 찾을 수 있습니다

https://addons.mozilla.org/en-us/firefox/addon/yslow/

을 . - 완전히 내 나쁜 https://chrome.google.com/webstore/detail/yslow/ninejjcohidippngpapiilnmkgllmakh?hl=en

그러나, 나는 실제로 이전 링크를 클릭하지 않았다

갱신 예, 크롬에 대한 YSlow에있을 나타납니다. 그 큐브와 함께 진행되는 애니메이션의 의미가 있습니다 (그리고 melonJS는 두려운 것처럼 보입니다!). YSlow는 일반적으로 도움이 될 것입니다. 그러나 컴퓨터의 CPU/비디오 카드의 한계를 뛰어 넘는 것 같습니다. 내 다음 제안은 응용 프로그램의 프로파일 링을 시도하는 것입니다. Chrome 메뉴에서보기 -> 개발자 -> 자바 스크립트 콘솔로 이동합니다. 그런 다음 프로파일 탭으로 이동하여 다양한 프로파일 링 옵션을 시도하십시오. 이렇게하면 모든 CPU 리소스를 가져 오는 위치를 알 수 있으며 어디에주의를 집중 시킬지에 대한 아이디어를 얻을 수 있습니다.

그들의 사이트 인 http://www.melonjs.org/에는 포럼이 있습니다. Stack Overflow에서 트래픽을 전환하는 것을 싫지만 거기에 질문을 게시하면 melonJS에 더 익숙한 사람들의 응답을 찾을 수 있습니다. Stack Overflow에는 아직 멜론 태그가 없으므로 전문가들이 불행히도 여기에 숨어있는 것처럼 보이지 않습니다.

행운을 빈다.

출처

2013-03-01 01:48:23

크롬에 대한 모든 것이 있습니다. – user2045025

JS 이미지로드 성능

답변

관련 문제