IBM dW review

웹페이지 로딩 속도 단축을 위한 설계

  
네트웍 인프라가 너무나 좋아지면서, 대충 설계하고 무거운 이미지를 덕지덕지 붙여놓고, 각종 스크립트들로 도배를 해 놓아도, 요즈음은 큰 불편함이 없이 웹서핑이 가능하다. 그러나, Birds-Eye의 2007년도 Broadband Statistics에 따르면 미국 인구의 25%는 인터넷을 사용하지 않고 있으며, 53%는 광대역을 사용하고 있고, 21%는 아직까지도 전화 접속을 사용하고 있다.
내가 설계한 웹 페이지는 www를 통해 전 세계로 공유가 되는데, 광대역 연결을 사용하는 사람들만 고려할 수만은 없다.
developerWorks에 소개되었는데,

1. 좋은 구조 사용하기
2. 레이아웃을 오버로드 하지 않기
3. 이미지로 텍스트 표시하지 않기
4. 쿠키 사용 검사하기
5. 필요없는 JavaScript 코드를 포함하지 않고 가능한 한 외부화 하기
6. 되도록이면 테이블 사용하지 않기
7. 불필요한 항목 제거하기
8. HTTP 압축을 사용하고 항상 소문자 div 및 클래스 이름 사용하기
9. 이미지 크기 설정
10. 스크립트 로드를 지연시키기
11. CSS파일 최적화하기
12. 컨텐츠 배포 네트워크 사용하기
13. 자산 도메인을 이용하여 연결 수 늘리기
14. Google Gear 사용하기
15. PNG 이미지 사용하기
16. 짧고 적절하기 Ajax 호출 유지하기
17. 핵심 Ajax 호출을 만들고 클라이언트 데이터를 로컬에서 처리하기
18. 코드 테스트
19. 사이트 코드 분석
20. JSLint를 사용하여 JavaScript코드의 오류 또는 잘못된 코드 검사하기
21. 분리된 파일 및 누락된 이미지 검사
22. YSlow 확장
23. YSlow를 사용하여 페이지 분석

잊지말아야 할 원칙들. 기억해 두자.
http://www.ibm.com/developerworks/kr/library/wa-speedweb/index.html
신고

알림

이 블로그는 구글에서 제공한 크롬에 최적화 되어있고, 네이버에서 제공한 나눔글꼴이 적용되어 있습니다.