이 웹 포트폴리오의 로딩 속도를 어떻게 향상시킬 수 있습니까?

Question

나는 구글의 페이지 속도로 장난 봤는데, 그것은 나에게 내 사이트의 로딩 속도를 개선하기 위해 몇 가지 팁을 주었다

http://alexchen.zxq.net/ (원본 호스팅)

http://alexchen.co.nr (URL 재)

I을 몇 가지 자바 스크립트 파일을 압축하고 (일부 압축하지는 않았지만) 일부 이미지를 최적화했지만 여전히 느린 편이었습니다. 나는 내가 shared free hosting을 사용하고 있기 때문에 무언가를 오버로딩하는지 잘 모르겠다. (나는 알고있다. 나는 .net이나 .com을 얻어야한다.하지만 지금은 내 신용 카드에 문제가있다.)

제안 사항?

Answer 1

직접 볼 수있는 몇 개의 이미지 만 있지만 총 2.6MB의 이미지를 2.4MB로로드합니다. 미리보기 이미지가로드 될 때까지 http://alexchen.zxq.net/images/showcase1.png과 같은 쇼케이스 이미지로드를 지연해야합니다. 이 이미지는 0.5MB이며 누군가 방문했는지 여부와 관계없이 모든 홈페이지 방문시로드됩니다. AJAX를 사용하여 필요에 따라 이미지를로드하는 facebox와 같은 라이트 박스 javascript lib를보십시오.

자바 스크립트의 위치를 ​​아래쪽으로 이동하는 것에 대해 생각해보십시오. 스크립트가 병렬 다운로드를 차단하면이 마지막 이미지를로드해야 이미지와 같은 다른 요소를 다운로드 할 수 있습니다. 귀하의 사이트를 프로파일 링하고 jquery가 다운로드하는 데 시간이 걸리고 다른 파일을 시작할 수 없도록 차단하는 것 같습니다.

두 번째 방문시 서버 요청을 줄이기 위해 정적 요소에 대한 캐싱을 설정합니다.

자세한 내용을 보려면 YSlow를 설치하십시오.