티스토리 뷰

WEB

웹(WEB) 싸이트 최적화

CHOMAN 2015. 6. 9. 09:24

1. 이미지맵의 사용

2. CSS sprite

3. 인라인 이미지 사용

4. HTTP 요청을 줄임

5. CDN 사용

6. 헤더에 만료기한 Expires 추가 아파치의 경우 (mod_expires 사용)

7. Apache 1.3 Mod_gzip 사용, 2.X 는 mod_deflate 사용 (압축)

8. 스크립트와 스타일시트도 Gzip 압축 사용

9. 스타일시트는 HEAD 안에 LINK 태그를 이용해서 넣음 (스타일시트가 맨 처음 다운 받아야 물 흐르듯이 렌더링 됨)

10. 스크립트를 페이지 아래로 이동 (제일마지막에 스크립트가 실행되도록 하라) 스크립트가 다 다운되고 나서야
나머지 기타 파일들이 다운되어서 시간적으로 효율적이지 않음

11. CSS Expression 피함

12. 자바스크립트와 CSS를 외부 파일에 넣음

13. Keep-Alive (추가 DNS 질의 없이 연결 유지됨) 를 사용하고 도메인수를 줄여 DNS 조회를 줄여야 함

14. 자바스크립트 코드를 최소화 하라

15. 리다이렉트를 피할수 있는 방법을 찾는다

16. 중복되는 스크립트 제거 (스크립트가 한번만 포함되는지 확인)

17. Ajax 요청은 반드시 성능가이드 라인을 따라 적용하며 헤더의 미래의 날짜를 지정 (캐시되게 하라)

18. HTTP1.1은 호스트네임당 2개의 요청을 보내므로 이미지 같은경우 아래와 같이 하면 동시에 4개씩 다운 가능
pic1.kensei.co.kr/ pic2.kensei.co.kr/
추가적인 DNS조회가 이루어지나 이미지를 2배를 동시에 다운 받는것이 성능효과에 더 좋다고 봄


웹사이트 분석해주는 싸이트들...

http://websiteoptimization.com/services/analyze/

댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2024/11   »
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
글 보관함