페이지로드 속도를 높이는 방법

Question

나는 This site을 설계했습니다. 페이지로드 속도가 매우 낮습니다. 온라인 사이트 load time이 사이트의로드 시간을 알려줍니다. 다른 통계도 제공합니다.

페이지로드 시간 통계 스냅 샷 folows과 같습니다?

내 질문은 매우 자극되기 때문에 페이지로드 시간이 더 후 2 초이면 내가 페이지로드 시간을 줄일 수있는 방법이다 ..

Answer 1

정말 프로그래밍상의 문제인지는 모르지만 한 가지 문제는 파일 크기가 너무 커서 이미지가 너무 크다는 것입니다.

http://softwareservicesindia.com/Pradnnya_blog/wordpress_site/wp-content/themes/deep-red/img/bgbody.gif (145킬로바이트)

http://softwareservicesindia.com/Pradnnya_blog/wordpress_site/wp-content/uploads/2012/07/he12.bmp (450킬로바이트)

http://softwareservicesindia.com/Pradnnya_blog/wordpress_site/wp-content/uploads/2012/07/slid11.bmp (1메가바이트)

http://softwareservicesindia.com/Pradnnya_blog/wordpress_site/wp-content/themes/deep-red/uploads/Istpanelfinal.jpg (303킬로바이트)

http://softwareservicesindia.com/Pradnnya_blog/wordpress_site/wp-content/themes/deep-red/uploads/TA_UnionSTN4.jpg (:

이러한 이미지

예 오히려 큰 311kb)

Adobe Photoshop과 같은 프로그램을 사용하여 시작할 수 있습니다. save your images "for web." 이러한 비트 맵과 GIF를 PNG로 변환하는 방법을 살펴볼 수도 있습니다. JPEG 이미지를 프로그레시브로 만들 수도 있습니다.

Photoshop에 대한 액세스 권한이없는 경우 "웹용으로 저장할 수있는"무료 대체물은 GIMP입니다.

편집 : X 축에서 1 픽셀 높이의 이미지를 반복하려면 CSS를 사용하는 것이 좋습니다. 그래도 그라데이션을 잃을 수 있습니다. 다음과 같은

뭔가 작업을해야합니다 :

background-image:url(../images/gradient.gif);background-repeat:repeat-x;