여러 개의 Javascript 플러그인이 페이지 속도를 늦추고 있습니다.

Question

잘 나는 그래서 내 작품이 불쾌한 보일 것이다하지만 지금은 일주일 동안 솔루션을 찾고있는 것을 알고 자바 스크립트에 새, 나는 헤드 태그 등 일부 자바 스크립트를 넣어 노력하고있어하지만 어떤을하지 않았다 더 빨리 나는 그래서 만약 내가 여기에 그것을 얻을거야 : D 여기에 프로젝트에 대한 링크를 좀 봐주세요 그리고 그것에 대해 할 일이 있다면 나는 그것을 모두 감사드립니다 감사합니다! http://www.ayman.benhamida.com/metalexfinal/

Answer 1

우선 사이트가 꽤 멋진 것처럼 보입니다.

1. 두 개의 자바 스크립트 버전이 포함되어 있습니다;) 그러나, 나는 다음과 같은 문제를 보았다. 밖으로 킥!
2. 매우 중요한 : 당신은 압축되지 않은 몇 가지 .js 있습니다. 온라인 압축기를 사용하여 압축을 풉니 다. this one 또는 this one 또는 하나만 선택하십시오.
3. 많은 jquery 플러그인이 있습니다. 파일을 하나의 파일로 병합 할 수 있습니다.
4. 404 오류 수정 (CSS/bullets.png, css/loading.gif)
5. 가능한 한 페이지 하단까지 스크립트를 배치하십시오. (가장 좋은 위치는 </body> 이전 일 것입니다). 이렇게하면 초기 페이지 구성 속도가 빨라집니다.
6. css를 줄입니다.
7. 이미지를 압축하십시오.

Answer 2

• 를 사용하여 자바 스크립트를 minfied.
• minfied CSS를 사용하십시오.
• 자바 스크립트 파일을 결합하십시오.
• CSS 파일을 결합하십시오.
• 이미지를 더욱 압축하십시오.
• 당신은 jQuery를 (http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js 및 http://code.jquery.com/jquery-latest.js)의 2 버전을 사용합니다. 당신이 홈 페이지 (크기 181.1kb 인) http://www.ayman.benhamida.com/metalexfinal/images/map.png 같은 것들을로드 할 필요가 없습니다
• 는 seprate 페이지로 페이지를 분할합니다. 리소스가 필요할 때만로드합니다 (예 : 누군가가지도를보고 싶어하는 경우).
• http://www.ayman.benhamida.com/metalexfinal/images/para_green.png 크기 235.2kb입니다. 더 압축해라 !!