태그코리아 - http://www.tagkorea.pe.kr

태그코리아

[야후에서도 못찾아?? 그럼.. 캐넌이 찾아주까??..^^;]



    
H O M E
회원가입인사
태그게시판
자유게시판
추천사이트
실시간채팅방
  태 그 연 습 장



자연을 닮은 사람들
수원개인용달

홈페이지 태그[Tip]

www.tagkorea.pe.kr


홈페이지 로딩속도에 대해서.. 조회수 : 3,426, 2009-07-24 15:20:27
tagkorea
이건 태그는 아니고요.. 제 경험담을 이야기 하는겁니다.

아시는분은 아시겠지만 홈페이지 제작하실때 디자인을 많이들 신경 쓰시죠?

디자인이 이쁘고 멋있으면 좋지만 모든 사용자를 고려해야합니다.

특히 모든 방문자분들이 모두 좋은 사양의 PC 를 사용한다고 볼수가 없기 때문에 주의 할점이 아주 많습니다만 여기서는 두가지만 이야기 할까 합니다.

태그코리아도 얼마전에 새로 리뉴얼 작업을 하면서 플래시 메뉴를 사용했었지만 역효과가 나타났습니다.

이유는 플래시 메뉴를 사용하면서 일부 방문자들께서는 접속이 잘 안되는 현상을 격었던걸로 알고 있습니다.

페이지가 열리지 않으면 방문자들께서는 접속이 되기도 전에 나가버리는 현상이 일어납니다.

특히 노프레임에서 제로보드를 불러오는 과정에서는 더욱더 심각하게 느려지더군요.

제 PC에서는  접속이 잘되던 홈페이지가 다른 사람의 PC에서는 접속이 되지 않았던 것이지요.

이러한 상황에 대해서 분석에 들어갔지만 이유를 밝히기가 쉽지 않아서 처음에는 제로보드가 문제가 있는줄 알고 제로보드를 분석도 해 보았지만 해결을 찾지 못해 http://help.pe.kr 운영자님께  도움을 요청하였고 한참을 헤매다가 플래시가 문제였다는 것을 알게 되었습니다.

즉, 플래시로 만든 메뉴로 인해서 홈페이지 로딩에 엄청난 영향을 미치게 되었다는걸 깨달았습니다.

플래시 메뉴라고 해봐야 고작 2KB 짜리 메뉴 8개가 전부였는데 말입니다.

홈페이지에 플래시 사용을 잘못하면 독이 될수도 있다는 겁니다..;

홈페이지에 플래시를 사용하시는 분들이 계시다면 다른분들의 PC 성능을 고려해서 만드시는 것이 바람직하다고 말씀 드리고 싶습니다.

그리고 또 한가지는 이미지의 남용입니다.

큰이미지를 많이 사용하다보면 홈페이지 로딩에 막대한 영향을 끼칩니다.

만약 부득이 하게 사용해야할 이미지라면 여러토막으로 나누어서 사용하시는것이 좋습니다.

페이지에 커다란 이미지가 하나 있을 경우에는 4개로 자르면 훨씬 로딩 속도가 빨라집니다.

이미지를 조각내서 올린 후 웹상에서 테이블등을 이용해서 붙여지도록 합니다.

해상도가 중요한 경우가 아니라면 이미지를 작게 만든 후에 웹상에서 이미지 사이즈를 지정하여 확대시키는 방법도 생각할 수 있습니다.

이미지의 질을 손상시키지 않는 범위에서 jpg 보다는 gif를 쓰며 색의 종류도 불필요하게 많이 쓰지 맙시다.

또 이미지의 색상을 줄이면 이미지 용량이 줄어듭니다. 따라서 불필요한 색을 없애고 투명 이미지를 적극 활용해 봅시다.

이미지는 반드시 size를 지정합니다.

이미지의 WIDTH와 HEIGHT를 입력하여 주면 로딩속도가 빨라집니다.
이미지 삽입시 test.gif (width=100, height=50 크기)라는 이미지를 올린다면

<img scr="test.gif" width=100 height=50>

이와같이 이미지의 폭과 높이를 모두 넣어 주는 것이 로딩에 도움을 줍니다.


이외에도 로딩속도를 높이는 방법들이 많지만 저의 경험으로는 플레시나 불필요한 이미지 등이 홈페이지 로딩속도에 큰 영향을 끼치는 걸로 생각이 됩니다.




댓글댓글 : 2 인쇄 추천 목록
정하영 2009-07-26 17:32:28  
감사합니다
최한용 2009-09-05 06:36:16  
좋은정보 감사합니다~~~~


번호 제목 작성자 작성일 추천수 조회수
65  [css] 버튼태그에 이미지 삽입하는 스타일시트 덧글9  tagkorea 2009/08/05 263 10631
64  특정 글자에 줄을 그려주는 태그 덧글3  tagkorea 2009/08/01 248 6620
63  테이블이 늘어나도 안의 내용을 상단으로 배치시키는 소스  tagkorea 2009/08/01 233 4596
62  [css]테이블안의 내용 여백 지정하기 덧글1  tagkorea 2009/08/01 276 4758
61  [css] 마우스 포인터 변환시키는 스타일태그 덧글3  tagkorea 2009/07/30 259 5792
60  <pre> 태그와 <xmp> 태그 활용하기  tagkorea 2009/07/27 178 3171
59  우표 모양 테이블 소스 덧글1  tagkorea 2009/07/26 196 5656
58  테이블의 테두리가 세로만 나오게 하는 소스 덧글2  tagkorea 2009/07/26 200 3678
57  테이블의 테두리가 가로만 나오게 하는 소스  tagkorea 2009/07/26 189 2857
 홈페이지 로딩속도에 대해서.. 덧글2  tagkorea 2009/07/24 111 3426
55  테이블을 확대 축소하는 소스 덧글3  tagkorea 2009/07/20 241 3349
54  마퀴태그를 응용한 인트로 덧글4  tagkorea 2009/07/19 202 5281
53  [그림판]을 이용해 이미지위에 문자 삽입하기 덧글6  tagkorea 2009/07/13 197 4834
52  [css] 라운드 박스 만들기 덧글5  tagkorea 2009/07/10 200 5757
51  [css] 스타일시트로 표현하는 롤오버 이미지 덧글1  tagkorea 2009/07/09 179 4777
Copyright 1999-2018 Zeroboard


- 태그코리아소개 - 광고문의 - 제휴문의 -

Copyright@ TAGKOREA 2000-2009 All Rights reserved.