XETOWN

질문/답변

웹에 관련된 질문과 답변을 나눌 수 있습니다.

 mod_pagespeed 사용시 GIF 파일은 webp로 변환이 안되나요?

혹시 다른 설정을 해줘야하는건 아닌지 궁금합니다

  • ?
    SimpleCode 2016.09.27 13:19:43

    gif는 애니메이션을 지원하는데, 깔끔하게 webp로 변환이 안되서 그런게 아닐까요? 제 추측에는 그것 때문에 일부러 변환을 안 해주는 것 같습니다.

     

    * webp에서도 애니메이션을 지원하기는 합니다.

  • profile
    가브리엘조 2016.09.27 13:29:06

    그렇군요. webp로 사진을 만들고 합쳐서 gif 에니메이션을 만드는 사람들이 있던데, 혹시 거꾸로 이렇게는 하는건 불가능한건지 궁금했습니다.~

  • profile
    가브리엘조 2016.09.27 13:51:14
    아~!! 찾았습니다. ㅜㅜ 영어로 되어있어서 천천히 읽다보니 눈에 하나 들어오는 부분이 있어요

    pagespeed.conf 에서 한줄을 추가하면 gif도 변환을 해준다고합니다

    ModPagespeedEnableFilters convert_to_webp_animated
  • profile
    웹지기 2016.09.27 13:22:52
    만약 가능하더라도 포기하는게 더 좋을 수도 있습니다. 리소스가 많이 필요할 것 같아요. 뭐 저희는 이미지매직으로 이미지프로세서에서 gif 까지 리사이즈를 애니메이션 포함하여 하고는 있습니다만 뭐 리소스는 분명 많이 잡아먹힌다고 하더라구요.
  • profile
    가브리엘조 2016.09.27 13:32:13

    서버는 4코어 사용중인데 약 10~20% 정도 사용되더라구요.
    HDD에 캐시를 먹인 폴더를 놔뒀더니 하드가 버벅이네요..
    그래서 캐시폴더를 SSD로 옮기고 해보니 꽤 쓸만한것 같다는 생각이 들어요. (현재까지는)
    SSD 용량도 남아돌아서 60기가정도 할당해 놓고

    여기에 몽땅 이미지 캐시로 왕창~때려 박을까 하는 생각을 하고있습니다

  • profile
    웹지기 2016.09.27 13:35:44
    뭐 캐시 용량을 사이트 운영이 끝날때 까지 충분한 용량으로 설정해주고 mod-pagespeed 를 사용하면 해볼만 하다고 결론 내렸었습니다.
    굉장이 많은 이미지가 이미 사이트에 올라와 있는 상황에서 방문자도 많고 하다면 분명 처음 컨버팅때는 리소스때문에 영향을 받아요.

    하지만 말씀하신대로 캐시용량을 완전 크게 할당해 놓으면 이 시기만 벗어나면 아마 쾌적하게 트래픽이 절약되면서 빠르게 이용이 가능할 수 도 있습니다.

    물론 하루에 컨텐츠가 굉장히 올라오고 방문자가 많은 사이트라면 신규게시물 컨버팅에 허덕일 수 도 있지만요. 하드웨어 사양이 좋은거 같아서 이런 문제는 덜 할 것으로 예상이 되긴 합니다.
  • profile
    가브리엘조 2016.09.27 13:52:18

    wow~!! 방금 설정을 하고 테스트를 해보니 2MB짜리 gif 파일이 300kb로 확 줄어들었어요. 나중에 트래픽때문에 고민이신분들은 염두해 두시는것도 좋은 방편이 될것 같아요.

     

    저두 이젠 ㅜㅜ LAX를 경유하는 클플을 놓아줘야겠습니다.

  • profile
    웹지기 2016.09.27 13:54:17
    오~~ 애니메이션이 살아남는군요~~ 좋네요~
  • profile
    웹지기 2016.09.27 13:59:49
    mod-speedpage에서 제공하는 lazyload 기능 쓰시나요? 제 기억으로 이 기능도 라이믹스의 애드온인 photoswipe의 기능을 방해해서 저는 결국 photoswipe를 선택하게 되던데요. photoswipe 감상기능은 너무 매력적이라서요 ㅋ
  • profile
    가브리엘조 2016.09.27 14:07:12

    아니요. 사용은 하지 않고있었는데 방금 말씀해주셔서 애드온을 키고 사진넘겨보기를 해보니 잘 작동되고있어요~

     

    그런데  mod-speedpage에서 제공하는 lazyload 기능은 무엇인가요?

  • profile
    웹지기 2016.09.27 14:14:53

    이미지를 가시영역에 왔을때 로딩하는 기능이요. 처음에 다 안불러와요. 기능 켜보세요. 그거하고 아마 충돌 날것 같아요. 트래픽과 속도 때문에 쓰는 기술이죠. lazyload mod-pagespeed 에서도 제공해요.

  • profile
    기진곰 2016.09.27 15:03:07

    국내 서버로 운영하고 클플도 안 쓰신다면 lazyload의 성능 개선 효과는 미미합니다. 이미지 로딩을 시작할 때쯤이면 이미 페이지 구성에 필요한 HTML, CSS, JS 파일들은 대부분 다운로드가 끝난 상태이고, HTTP/2를 사용하면 몇 개의 파일을 다운로드하느라 다른 파일이 밀리는 문제도 크게 줄어드니까요.

    같은 나라 안에서도 핑이 100ms씩 나오는 미국에서, 그것도 CDN이 보편화되기 전에 만들어진 기술이라... 무작정 따라하면 오히려 역효과가 날 수 있어요. 게다가 요즘 브라우저들은 파일을 마구 로딩하지 않고 순서 계산에 상당히 신경을 쓰기 때문에, 그냥 내버려둬도 알아서 lazyload와 비슷한 순서로 로딩하기도 합니다 ㅎㅎ

  • profile
    웹지기 2016.09.27 15:04:45
    왠지 그럴싸~~ 하지요 ㅋㅋ 그런데 저도 사실 적용해 보고 나면 뭐 그리 도움이 될까 하기도 하고 절실하지는 않더라구요.

    뭐 페이지 열고 바로 뒤로가기 하는 사람들 정도에게 트래픽 절약 한다고나 할까요 ㅋㅋ
  • profile
    가브리엘조 2016.09.27 15:27:25
    mod_pagespeed.conf 설정파일에서 lazyload와 관련된 단어를 찾을 수가 없는데 어디서 찾아야할지 모르겠습니다 ㅎㅎ;;
  • profile
    웹지기 2016.09.27 15:29:04
    별로 효과도 없다고 하니 그냥 안하시는걸로요 ㅋ
  • profile
    가브리엘조 2016.09.27 15:30:09
    넵 ㅎㅎ

위로
서버에 요청 중입니다. 잠시만 기다려 주십시오...