특히 모든 방문자분들이 모두 좋은 사양의 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>
이와같이 이미지의 폭과 높이를 모두 넣어 주는 것이 로딩에 도움을 줍니다.
이외에도 로딩속도를 높이는 방법들이 많지만 저의 경험으로는 플레시나 불필요한 이미지 등이 홈페이지 로딩속도에 큰 영향을 끼치는 걸로 생각이 됩니다.
댓글 : 
