자동완성모듈 기능 중 이미지 편집 기능 사용할 경우

 

스크립트 하나가 필요합니다. 

 

그런데 이게 무려 2M에 가까운 용량입니다.

 

물론 필요한 파일은 사용해야죠. 그런데 문제는 실제 누구에게 필요한가? 를 생각하면 불필요한 트래픽이 누수되는 것을 확인할 수 있습니다.

 

필요한 사람 : 글 쓰는 사람 (이미지 편집)

 

현재 해당 파일을 글 열람시에도 누구나 로드하게 되어 있습니다.

 - 글 읽기 시 댓글 작성에 에디터사용이 있기에 불러오게 됩니다.

 

 

뭐 대수냐? 라고 생각할 수있지만

이게 비회원에게 파일이 다운로드 되기 때문에 더 문제가 됩니다. 

 - 회원은 차라리 자주 방문하기에 이미 브라우저에 캐시가 되어 있기도 하고...

 - 비회원은 필요도 없습니다.(비회원에게 글쓰기 허락한 사이트 제외)

 

이슈성 게시글로 인해 대량으로 트래픽이 발생하면 ?

- 대부분 비회원이 열람합니다.

- 모든 대부분의 방문자에게 2M에 가까운 트래픽이 불필요하게 발생합니다.

 

 

어제 이슈글로 인해 5000방문이 갑자기 발생했습니다.

 - 이미지를 캐시서버에서 분담해서 굉장히 많은 트래픽을 소화해 줬지만 본섭도 많많치 않은 굉장히 많은 트래픽이 소모되는 것을 확인하고 범인을 찾으니 범인이 나왔습니다.

 - 5000 * 2M = 10G 인가요?? 

 

어제 이슈성 게시글 하나로 5000 방문에  본섭에서 12G 트래픽이 호로록 되어서 찾아보게 되었네요.

 

 

그럼 해결책은 ?

댓글에서 해당기능을 제공하지 않는다.

 - 별로 좋은 방법 같진 않았습니다.

 

제가 내린 결론은?

비회원에게는 해당 파일을 줄 필요가 없다.

 

자동완성 모듈의 에디터 스킨 파일에서

<!--@if($mconfig->crop_use == "Y" && $is_logged)-->
<!--#include("pixie.html")-->
<!--@end-->

 

위와 같이 로그인 대상에게만 해당 기능이 작동하는 파일을 불러오게 해주면 됩니다.

 

이러면 평소 자주 방문하고 실제 필요한 회원에게는 자신의 브라우저에서 캐시된 파일을 캐시 만료전 까지는 이상 없이 잘 쓰면 되고 비회원은 트래픽을 소진하지 않게 됩니다.

 

자동완성 모듈 의 스킨 document.html , comment.html  파일 2군데 다 적용해줘야 겠죠. 한군데라도 빼먹으면 헛수고 입니다.(댓글 쓰기에서 에디터자동완성 모듈 기능을 끄지 않았다면..)

웹지기

profile
10년을 다루다 보니 이제 간단한 것도 만들고 커뮤니티 운영에 관한 다양한 노하우가 있습니다. 어려운 점이나 가지신 생각을 함께 소통해 보아요.
https://rxtip.kr/ 라이믹스 꿀팁
  • profile
    저는 그냥 이전에 다른 이유로 댓글에서 해당 기능을 제공하는 것을 해제했는데 트래픽이 예전보다 확 줄더라구요...
    이런 이유가 있었군요
  • profile profile

    다시 확인해보세요. 댓글에서 에디터자동완성 기능 자체를 끄지 않고 이미지편집만 따로 끄셨다면 그래도 불러옵니다.

    글읽기에서 개발자도구 - 네트워크 에서 확인 가능해요.

  • profile profile
    네,,ㅎㅎ 댓글에서 아예 에디터 자동완성 기능을 해제해둬서용,, 굳이 쓸 일이 없던 것 같더라구용
  • profile profile

    아. 그럼 굉장한 트래픽이 줄어듭니다. 저 파일 너무 합니다. 용량이 무슨 돼지새끼도 아니고....

    (제가 어제 10G 넘게 트래픽 낭비를...)

  • profile profile
    안그래도 저도 매일 30gb씩 트래픽이 나와서 뭔가 했는데 끄고나니 하루에 10gb에서 왔다갔다 그러네요,,;; 이런 이유로 트래픽이 계속 나왔었다니 좀 허무하기도 하구요 ㅋㅋ ㅠ
  • profile

    그리고 추가로 모바일에서 이미지편집 기능을 사용 안함으로 했는데도 저 스크립트를 계속 불러왔던 이유는

    $mconfig->crop_mobile_use == "Y"

    이렇게 되어야 하는데 PC스킨의 것이 복붙되어서 잘못된 코드가 사용되었네요.

  • profile
    아하 이미지 편집 기능이 있군요 ㄷㄷㄷ

    2M면 엄청나군요.

    보통 페이지 하나에 1MB가 안될텐데요...
  • profile profile

    모든 게시글이 추가로 이미지 2M 를 첨부한 효과가 발생하는거죠.
    위와 같은 조치로 실지로 필요한 회원에게만 제한적으로 제공하게 되어 엄청난 트래픽 절감이 될 것 같습니다.
    물론 대량 방문이 있을 경우에 큰 폭으로 트래픽이 절감 되는거죠.

    이거 찾는 김에 그동안 무시했던 폰트어썸도 캐시서버로 캐시해서 돌렸습니다. 이것도 1M 가 넘는 엄청 큰 덩어리였네요.

    기본적으로 모든 페이지에 3M 를 소비하고 있었습니다.

  • profile
    https://fontawesome.com/how-to-use/customizing-wordpress/snippets/setup-cdn-webfont

    폰트어썸은 여기 CDN이 있긴 있군요 ㅎㅎ
  • profile profile
    CDN으로 하려다가 속도 문제로 저희 캐시서버로 캐시시켜서 제공하는 것으로 했습니다.
  • profile profile
    https://pro.fontawesome.com CDN은 국내 110ms 정도 나오네요.

    https://use.fontawesome.com CDN은 국내 400ms 넘어가서... 비추네요..

    110ms 정도면 쓸만할 듯 합니다.

    물론 국내 캐시서버가 최강이지만요 ㅎㅎ
  • profile profile

    400ms 짜리 적용해보고 느려서 캐시서버로 바꿨어요. 캐시서버 트래픽이 넉넉하니 굳이 CDN은 필요 없을 듯 합니다.

     

    CDN이 다운로드 속도도 느린거 같더라구요.

  • profile profile
    https://xetown.com/tips/793706

    해외 CDN은 없는셈 치셔도 무방합니다.
  • profile profile
    맞습니다. 느리다면 안쓰는게 좋죠.
  • profile
    허 어쩐지...
    팁 감사합니다. 좀 트래픽을 줄일 필요성이 있네요.
    게다가 이미지 편집은 사용빈도가 높지않아서 빼던가 해야겠네요.
  • profile profile
    어제 좀 많은 방문 유입 후 캐시서버 트래픽 보고 흐믓해 하다가 본서버 트래픽 보고 너무 많이 소진된거 보고 찾아봤네요.

    이슈된 게시글에 이미지 몇장이라 캐시서버에서 소비된거 보다 본서버에서 2배나 많은 트래픽이 발생해서 제대로 범인을 찾게 되었네요.

    회원에게만 제공하면 대량 트래픽이 발생해도 전혀 문제 없으니 이미지 편집 기능은 유지하셔도 괜찮을 겁니다.
  • ?
    수정해야되는 파일 경로를 알 수 있을까요?
  • ? profile
    에디터 자동완성모듈 경로 하위 skin, m.skin 폴더에 document.html , comment.html 파일입니다.
  • profile ?
    고맙습니다!
  • profile
    파일이 Modules/integration_search/skin/default/ 폴더 안에 있는 document.html , comment.html 파일을 말씀하시는 겁니까?
  • profile profile
    아닙니다. 자동완셩 모듈을 사용하는 분들에게만 해당됩니다.
  • profile profile
    자동완성 모듈이라는 것을 사용해야만 해당사항이 있군요... ^^ 답변 감사합니다.