개발 Q&A

제목 이미지 로드 속도 높히는 방법
글쓴이 앙마 작성시각 2015/02/26 20:16:00
댓글 : 4 추천 : 0 스크랩 : 0 조회수 : 12036   RSS
홈페이지에 이미지가 조금 많이 들어가네요..

그렇다보니 로드 하는데 시간이 걸려서 좋은 방법이 없나 생각하고 있습니다

처음에는 한 페이지 들어갔을 때 탭메뉴가 있어 전체 이미지를 가지고 온다음에 탭 누를때마다

보여줄 수 있게 만들었는데 이미지가 30개에 하위에 딸린 것들을 포함하면 100장 가까이 나오는 것은...

그래서 그 다음으로 생각한게 탭을 클릭할 때마다 비동기를 사용했지만 이것도 제법 걸리는 느낌이네요;

기존에 있던 것으로 인해 프레임워크를 적용시키지 못하는 것때문이기도 한 것같고..

좋은 방법이 없을까요?
 다음글 텍스트파일 업로드하고 해당 파일 내용을 추출하려고 합니... (6)
 이전글 에라 메시지 조작하기... (1)

댓글

변종원(웅파) / 2015/02/26 20:29:01 / 추천 0
이미지 최적화(썸네일 rate 조정을 통해 최적 사이즈와 해상도 찾아내기)
캐시사용

그리고 검색해보시면 이미지를 수많은 점으로 나눠서 저장하고 동시에 불러와서 대용량 이미지를 표시하는 방법도 있습니다.
들국화 / 2015/02/27 11:43:10 / 추천 0
FireBug 같은거의 net를 보세요.
왜 느린지 찾는데 도움이 됩니다.
http 1.1만 써도 속도가 개선 됩니다.
방법이야 여러가지가 있어서 상황에 맞게 구글링 하시면 될것 같네요 ^^
에카 / 2015/02/28 18:28:06 / 추천 0
lazyload
문군 / 2015/12/03 15:56:48 / 추천 0
조금 무식한 방법인데요. 100개 이미지를 합치는 겁니다.
1.jpg
2.jpg
...
99.jpg
100.jpg
를 하나의 파일로 합쳐서 저장하도록 서버에 요청을 하게 하는거죠. 물론 최초의 한번 요청한 사람이 하고 여러 개 나오는 비율이 실시간이 아닌 정적인 이미지라면 아예 한개의 파일에서 css로 position과 width height로 불러오면 아주 빠릅니다.

주로 이미지 업로드가 아닌 항상 홈페이지에 보여 줘야 하는 버튼이나 ui 부분을 그렇게 설계 하는데요. 속도개선이 과제라 하시면
그다지 어렵지 않다고 생각합니다. 데이터 리스트도 10개 단위로 보여 주는게 아니라. 리스트 사이즈에 따라 어느 구간만 보여주게 설계 하시는 것도, json 형태로 불러 와 주시는 것도 하나의 방법입니다.