페이지 로딩속도 개선 방안
페이지내에 사이트내 또는 외부 이미지 링크가 많은 경우 페이지 로딩이 전체적으로 느려지게 된다.
이때 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>