국내 서버로 운영하고 클플도 안 쓰신다면 lazyload의 성능 개선 효과는 미미합니다. 이미지 로딩을 시작할 때쯤이면 이미 페이지 구성에 필요한 HTML, CSS, JS 파일들은 대부분 다운로드가 끝난 상태이고, HTTP/2를 사용하면 몇 개의 파일을 다운로드하느라 다른 파일이 밀리는 문제도 크게 줄어드니까요.
같은 나라 안에서도 핑이 100ms씩 나오는 미국에서, 그것도 CDN이 보편화되기 전에 만들어진 기술이라... 무작정 따라하면 오히려 역효과가 날 수 있어요. 게다가 요즘 브라우저들은 파일을 마구 로딩하지 않고 순서 계산에 상당히 신경을 쓰기 때문에, 그냥 내버려둬도 알아서 lazyload와 비슷한 순서로 로딩하기도 합니다 ㅎㅎ
댓글 16
gif는 애니메이션을 지원하는데, 깔끔하게 webp로 변환이 안되서 그런게 아닐까요? 제 추측에는 그것 때문에 일부러 변환을 안 해주는 것 같습니다.
* webp에서도 애니메이션을 지원하기는 합니다.
그렇군요. webp로 사진을 만들고 합쳐서 gif 에니메이션을 만드는 사람들이 있던데, 혹시 거꾸로 이렇게는 하는건 불가능한건지 궁금했습니다.~
pagespeed.conf 에서 한줄을 추가하면 gif도 변환을 해준다고합니다
ModPagespeedEnableFilters convert_to_webp_animated
서버는 4코어 사용중인데 약 10~20% 정도 사용되더라구요.
HDD에 캐시를 먹인 폴더를 놔뒀더니 하드가 버벅이네요..
그래서 캐시폴더를 SSD로 옮기고 해보니 꽤 쓸만한것 같다는 생각이 들어요. (현재까지는)
SSD 용량도 남아돌아서 60기가정도 할당해 놓고
여기에 몽땅 이미지 캐시로 왕창~때려 박을까 하는 생각을 하고있습니다
굉장이 많은 이미지가 이미 사이트에 올라와 있는 상황에서 방문자도 많고 하다면 분명 처음 컨버팅때는 리소스때문에 영향을 받아요.
하지만 말씀하신대로 캐시용량을 완전 크게 할당해 놓으면 이 시기만 벗어나면 아마 쾌적하게 트래픽이 절약되면서 빠르게 이용이 가능할 수 도 있습니다.
물론 하루에 컨텐츠가 굉장히 올라오고 방문자가 많은 사이트라면 신규게시물 컨버팅에 허덕일 수 도 있지만요. 하드웨어 사양이 좋은거 같아서 이런 문제는 덜 할 것으로 예상이 되긴 합니다.
wow~!! 방금 설정을 하고 테스트를 해보니 2MB짜리 gif 파일이 300kb로 확 줄어들었어요. 나중에 트래픽때문에 고민이신분들은 염두해 두시는것도 좋은 방편이 될것 같아요.
저두 이젠 ㅜㅜ LAX를 경유하는 클플을 놓아줘야겠습니다.
아니요. 사용은 하지 않고있었는데 방금 말씀해주셔서 애드온을 키고 사진넘겨보기를 해보니 잘 작동되고있어요~
그런데 mod-speedpage에서 제공하는 lazyload 기능은 무엇인가요?
이미지를 가시영역에 왔을때 로딩하는 기능이요. 처음에 다 안불러와요. 기능 켜보세요. 그거하고 아마 충돌 날것 같아요. 트래픽과 속도 때문에 쓰는 기술이죠. lazyload mod-pagespeed 에서도 제공해요.
국내 서버로 운영하고 클플도 안 쓰신다면 lazyload의 성능 개선 효과는 미미합니다. 이미지 로딩을 시작할 때쯤이면 이미 페이지 구성에 필요한 HTML, CSS, JS 파일들은 대부분 다운로드가 끝난 상태이고, HTTP/2를 사용하면 몇 개의 파일을 다운로드하느라 다른 파일이 밀리는 문제도 크게 줄어드니까요.
같은 나라 안에서도 핑이 100ms씩 나오는 미국에서, 그것도 CDN이 보편화되기 전에 만들어진 기술이라... 무작정 따라하면 오히려 역효과가 날 수 있어요. 게다가 요즘 브라우저들은 파일을 마구 로딩하지 않고 순서 계산에 상당히 신경을 쓰기 때문에, 그냥 내버려둬도 알아서 lazyload와 비슷한 순서로 로딩하기도 합니다 ㅎㅎ
뭐 페이지 열고 바로 뒤로가기 하는 사람들 정도에게 트래픽 절약 한다고나 할까요 ㅋㅋ