내정보

Guest 님
보유포인트
0
  • 재구매 할인
    30%
  • 컨텐츠 환불
    100%
  • 평점 포인트
    10%
  • 포인트 자동책정
    0%
콘텐츠 수 273

lazyload 애드온

최초 등록일: 2019.01.11 조회수 : 204

무료

5.0점 / 총 9명 참여
  • 구매자 35
  • 소개 화면에 보이지 않는 부분의 이미지는 별도로 불러오게하는 애드온으로 화면 출력반응 속도를 빠르게 해주는 애드온입니다. 화면밖의 이미지들은 미리 로딩되지 않고 화면이 스크롤되면 그때 이미지를 로드합니다. 
  • 설치경로 ./addons/lazyload 
  • 지원환경 XpressEngine,Rhymix 
  • 라이선스 MIT License 
  • 분류 애드온
  • 제작자 karma
  • 다운로드
    lazyload.zip 4.36KB (잔여일 : -, 잔여횟수 : -)
  • URL karma님의 웹사이트

https://github.com/tuupola/jquery_lazyload/tree/2.x
lazyload는 화면에 출력할 이미지대신에 1pixel짜리 작은 이미지를 전송하고 원래의 이미지는 화면이 스크롤될때 따로 전송을 받는 방법입니다. 화면밖의 이미지는 전송을 하지 않았다가 화면이 스크롤되면 그때 이미지 전송을 받습니다.
이미지와 텍스트전송이 분리되어서 트래픽 분산효과가 나타나고 체감하는 로딩속도는 빨라지게 됩니다.
엄밀하게 말하자면 트래픽을 줄일 수 있는 방법은 아닙니다. 하지만 텍스트와 이미지를 분리해서 전송하기 때문에 체감속도가 빨라지는 효과가 나타나고 일부나마 트래픽이 줄어들고 전송대역폭 감소를 기대할 수 있습니다.

profile imageprocess Github : https://github.com/soonjae/imageprocess
통합검색확장모듈 Github : https://github.com/soonjae/isx
아빠팬더곰은 영원한 초보

댓글 '17'

프로필 사진 profile
사과맛스타 2019.01.11 21:04 댓글 별점
하아! 이런 고오급 애드온을!! 감사합니다.
프로필 사진 profile
karma 2019.01.11 21:14 댓글 별점
2012년에 처음 만들었던 애드온입니다.
근데 사람들이 잘 모르더군요. 왜 필요한지...ㅎㅎ
https://soonj.net/index.php?mid=download&package_srl=9896
js 소스가 업데이트 되서 버전업했습니다.
프로필 사진 profile
사과맛스타 2019.01.11 23:04 댓글 별점
얼핏 알고는 있었습니다.
최신 버전에서 작동이 보장되지 않아 설치 못하고 있었는데 이렇게 업데이트 해주셔서 너무 감사합니다!!
프로필 사진 profile
가이더 2019.01.11 21:43 댓글 별점
좋은애드온 감사드립니다.
프로필 사진 profile
내강아지 2019.01.11 22:59 댓글 별점
무료로 해주시다니 정말 감사합니다!
잘쓰겠습니다!
프로필 사진 profile
skyo 2019.01.11 23:52 댓글 별점
와..마침 딱 필요했는데 늘 너무 감사합니다.
프로필 사진 profile
alrin 2019.01.11 23:54 댓글 별점
정말 고맙습니다!
필요했는데 정말 좋아요!
프로필 사진 profile
도토리묵 2019.01.12 00:06 댓글 별점
와 ㅠ
이거 진짜 필요했거든요 ㅠㅠ
감사합니당~
프로필 사진 profile
skyo 2019.01.12 01:41 댓글 별점
php exif 애드온과 사용시 큰 이미지가 여러장 아래로 길게 있는 경우에
이미지 로드가 안되는 경우가 조금 있네요^^
프로필 사진 profile
karma 2019.01.12 06:08 댓글 별점
해당부분의 url이나 소스를 좀 보여주실 수 있나요?
프로필 사진 profile
karma 2019.01.12 10:34 댓글 별점
php_exif를 업데이트 했습니다. 한번 확인해주시면 고맙겠습니다.
프로필 사진 profile
skyo 2019.01.12 13:37 댓글 별점
조금 나아지긴 했는데
크롬에서는 여전히 후반부 이미지 로딩에 실패합니다.
http://bitly.kr/Trz4K

근데 아마 확인 하실때에는 레이지 로드는 꺼져 있는 상태일것 같습니다^^;
프로필 사진 profile
아그네스 2019.01.12 12:38 댓글 별점
감사합니다~
프로필 사진 profile
핑크두유 2019.01.15 13:01 댓글 별점
호우
프로필 사진 profile
웹지기 19시간 전 댓글 별점
일부 이미지가 출력이 안되는 현상이 있네요. 저는 윈도우 크롬입니다.

<img class="lazyload" src="/addons/lazyload/gray.png" rawsrc="//도메인/./files/attach/images/605/805/087/002/70906eaf48d9a7fbb7c499a3d5060d1d.jpg" alt="로이 인사드려요 - 가입인사 - 포메러브 : undefined" title="로이 인사드려요 - 가입인사 - 포메러브 : undefined">

아예 준비된 회색이미지도 안나옵니다.
재미난 건 같은 브라우저의 다른탭에서 애드온을 비활성화하고 저장을 하고 나서 다시 이미지가 안보이는 탭으로 넘어와서 스크롤을 움직여 보면 이미지가 보입니다.

사실 lazyload 자체가 너무 제한적인 케이스로 작동하는 문제도 있고 해서 사용하지 못했었는데 이번 버전 테스트 삼아 잠깐 써보니 이미지가 안보이는 문제도 있어 혹시 몰라 소스 형태를 남겨드렸습니다.
저희는 애드온 사용을 하지는 않고 있습니다.
프로필 사진 profile
karma 19시간 전 댓글 별점
정보 감사합니다.
lazyload 프로젝트가 몇가지 있습니다.
그중 이것이 전부터 쓰던 것이라 만만했었는데 문제가 있군요.
좀더 이것 저것 테스트를 해보겠습니다.
프로필 사진 profile
영흥도우럭 15시간 전 댓글 별점
감사합니다. ^_________^
서버에 요청 중입니다. 잠시만 기다려 주십시오...