• 북마크
  • 1:1문의
  • 새글
  • 회원가입
  • 로그인

공유자료실

  • Home
  • 공유자료실

[게시판] 갤러리 게시판에 lazyload 적용하기

4,274 2015.09.17 20:53

첨부파일

짧은주소

본문

간단한 부분이지만, 효과는 기대이상인 jquery 입니다.

모바일 페이지에서 로딩 속도는 상당히 중요한 이슈가 되고 있죠.

그에 따라 여러의견이 나오고 있습니다만,HTTP 리퀘스트 수를 줄이것이 무엇보다 중요하다고 부각되고 있습니다.

즉, 파일의 사이즈보다 통신을 줄이는게 속도를 높이는데 좋다라고 말하고들 있더라구요.

(조금된 자료지만-  http://www.onlywebpro.com/2010/11/21/improve-loading-speed-of-mobile-web/ )

lazyload는 쉽게 사용자의 가시선상에 들어왔을때 진짜 이미지를 보여주는 역활입니다.

(스크롤바를 통하거나 화면의 세로를 구하거나..)

 

스킨은 상당히 간단하며, 수정된부분 역시 적습니다. 

테스트는 비반응형 테마에서 했습니다.

수정된 파일은 2개 입니다.

eyoom/theme/pc_basic/skin_pc/board/gallery/list.skin.html  와

/eyoom/core/board/list.skin.php 입니다.

 

파일은 업로드 해두겠습니다. 

/eyoom/theme/pc_basic/skin_pc/board/gallery/list.skin.html 에서 변경된 부분은


<script type="text/javascript" src="../../../plugins/jquery_lazyload-master/jquery.lazyload.min.js"></script> 


$(function(){

    $("img.lazy_blog").lazyload({
        effect : "fadeIn",
        failure_limit : 5,
        threshold : 1200
    });

});

구문이 추가되었습니다. 대략 320 번째줄 입니다.

/eyoom/core/board/list.skin.php 에서 변경된 부분은 62번째줄이 변경되었습니다.

7
- l2zeo 메일보내기 아이디로 검색 - 회원등급 : 새싹/Level 7 - 포인트 : 18,897
레벨 7
경험치 4,337

Progress Bar 10%

- 가입일 : 2015-01-27 01:52:17
- 서명 : Esse quam videri (보이는 것보다 실제가 중요하다)
- 자기소개 :
댓글목록

shadow님의 댓글

와우~~ 외국 자료에서 관련 내용을 읽어본 바가 있습니다.
소중한 자료 감사드립니다.

축하합니다. 첫댓글 포인트 5포인트를 획득하였습니다.

칠천피트님의 댓글

정보 감사합니다.

lycoshaw님의 댓글

자료 감사합니다.~

아트리어님의 댓글

정말 감사합니다.

고현규님의 댓글

자료 감사합니다~

신비님의 댓글

멋진 팁 감사합니다. ^^

Total 51건 1 페이지
공유자료실 이용안내

공유자료실 게시판에서 다양한 자료를 공유하실 수 있습니다. 레이아웃, 게시판, 최신글, 플러그인 등 다양한 자료를 공유 해 주세요.


  1. 포인트 배포가 가능합니다. 포인트를 걸고 자료를 배포하시면 다운로드 발생 시 배포한 회원님께 80%의 포인트가 적립됩니다.
  2. 적립된 포인트는 이윰몰에서 상품결제 시 사용가능합니다.
  3. 저작권이 있는 자료는 무단으로 배포를 하실 수 없으니 주의하여 주시길 바랍니다.
  4. 배포된 해당 자료에 대한 문의는 해당 내용페이지에서만 질문하여 주세요.

배포되는 자료는 이윰넷에서 일일이 필터링 할 수 없으며 문제발생 시 책임을 지지 않습니다. 회원님들간 자발적인 정화와 참여를 부탁드립니다.

번호 제목 글쓴이 날짜
공지 이윰넷 아이디로 검색 2016.03.22 1,887
공지 이윰넷 아이디로 검색 2015.11.09 3,625
공지 이윰넷 아이디로 검색 2015.07.01 3,915
48 초코맛 아이디로 검색 2016.07.17 1,698
47 이윰EGG 아이디로 검색 2016.04.07 3,112
46 이윰MOUNT 아이디로 검색 2016.04.07 3,484
45 이윰MOUNT 아이디로 검색 2016.02.27 4,058
44 이윰MOUNT 아이디로 검색 2016.02.25 9,869
43 나시의전사 아이디로 검색 2016.01.17 3,053
42 태연아이유 아이디로 검색 2016.01.14 1,744
41 허비봉 아이디로 검색 2015.11.06 1,681
40 이윰넷 아이디로 검색 2015.11.02 2,900
39 레전드박 아이디로 검색 2015.10.08 3,005
38 허비봉 아이디로 검색 2015.10.05 2,948
37 l2zeo 아이디로 검색 2015.09.20 2,279
36 l2zeo 아이디로 검색 2015.09.20 3,238
35 l2zeo 아이디로 검색 2015.09.18 2,219
34 l2zeo 아이디로 검색 2015.09.18 2,718
열람 l2zeo 아이디로 검색 2015.09.17 4,275
32 수국 아이디로 검색 2015.09.16 3,556
LOGIN
사이드 메뉴

최신글이 없습니다.

최신글이 없습니다.

출석 랭킹

오늘의 랭킹

회원사진

닉네임

개근왕

최다1위

shadow shadow
Ranking

    출력할 랭킹이 없습니다.

  • 01 shadow
    674,374
  • 02 신비
    335,419
  • 03 가을하늘
    204,735
  • 04 mame
    202,630
  • 05 이윰MOUNT
    199,181
  • 06 미스코리아
    163,939
  • 07 레오나르도
    147,576
  • 08 테크니션
    142,655
  • 09 이윰IN
    135,258
  • 10 비온뒤맑음
    127,882
  • 01 shadow
    28,938
  • 02 joosam
    23,606
  • 03 티보리
    21,954
  • 04 홍인
    18,644
  • 05 레오나르도
    18,088
  • 06 이윰IN
    17,983
  • 07 도깨비
    16,614
  • 08 이윰EGG
    16,105
  • 09 자이언트
    14,698
  • 10 미스트
    14,379