My Name is Kay....

DIY , 먹방 , 개발 , 육아 , 여행 좋아합니다.
AdBlock 사용시 화면이 정상적으로 노출되지 않습니다.
포스팅 관련 문의 및 개발 문의는 Email : wkzkfmxksi@gmail.com

추가 포스팅이 이뤄지지 않는 블로그입니다. 문의는 wkzkfmxksi@gmail.com 으로 연락주세요.
kay
조회 수 6507 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

페이지 로딩속도 개선 방안

 

페이지내에 사이트내 또는 외부 이미지 링크가 많은 경우 페이지 로딩이 전체적으로 느려지게 된다.

이때 html 페이지를 먼저 보여준 후 이미지 태그를 나중에 처리하는 방법으로 로딩 속도를 향상시킬 수 있다.

 

테스트 결과 인터넷속도가 느린 경우와 크롬에서 전반적인 속도 향상을 체감할수있었다.

<%
   for i = 0 to 100
%>
<img src="로딩이미지경로" orgImg="실제이미지경로" id="hImg_<%=hImgCnt%>"/>
<%
   next
%>
<script type="text/javascript">
<!--
     $(document).ready(function()
     {
          var iCnt = <%=hImgCnt%>;
          for (i=1; i <= iCnt ; i++ )
          {
                   $("#hImg_"+i).attr("src", $("#hImg_"+i).attr('orgImg'));
          }
     });

//-->
</script>

?

List of Articles
번호 분류 제목 글쓴이 날짜 조회 수
14 etc FadeIn , FadeOut 을 이용한 간단한 메인 배너 이미지 노출. kay 2014.10.23 2999
13 etc 기본값 가져오기 get default value kay 2014.10.19 2323
12 etc 페이지 또는 객체에서 특정 키워드 강조하기 2 kay 2014.06.14 2716
11 etc 우클릭 , 셀 선택 , 드래그 방지 스크립트 kay 2014.02.17 7916
10 etc Jquery Load 유무 체크하기 kay 2014.02.12 4287
9 etc Table에 동적 Tr 추가/삭제 하기 kay 2014.02.09 21271
8 etc 한글/영어 byte 체크해서 자르기 1 kay 2013.11.30 9702
7 etc $.trim(str) trim... kay 2013.10.16 3957
6 etc 자동 Submit 방지 및 Enter Key 체크하기 kay 2013.08.12 7822
5 etc input hidden <-> text 변경하기 kay 2013.05.03 5952
4 etc 1.9x 버전 $.browser 삭제 대체 사용 2 kay 2013.04.26 5661
3 etc 에러 리포팅 , Ajax 디버깅 ( JS , ASP ) - 오류메시지 확인하기 kay 2013.03.08 30612
2 etc XML 파싱 kay 2013.03.02 6337
» etc 페이지 로딩 속도 개선 - 이미지 로딩처리 kay 2013.03.02 6507
Board Pagination Prev 1 Next
/ 1