Disqus를 지연 로드하여 워드프레스 사이트 속도 높이기

Last Updated: 2020년 11월 14일 20개 댓글

이 블로그에서 워드프레스 기본 댓글을 Disqus로 변경한지 1년 반이 다 되어 갑니다.

그 동안 Disqus API를 직접 끌어와서 디스커스 댓글을 달았습니다. 하지만 Light & Bold 테마 개발자가 Disqus Conditional Load 플러그인을 설치하면 사이트 속도가 빨라질 것이라 조언했습니다.

처음에는 SEO 때문에 구글에 검색이 안 될지 몰라 염려가 되었습니다. 하지만 플러그인 개발자가 SEO Friendly라고 명시하고 있어서 이 플러그인으로 갈아탔습니다.

글(Post) 로딩 속도가 실제로 빨라졌는지는 확신할 수 없지만 체감상으로는 이전보다 빨라진 것 같습니다.

이 플러그인의 특징:

  • 공식 Disqus 플러그인의 모든 기능
  • 디스커스 댓글 레이지 로드 - OnScroll(스크롤 시), OnClick(클릭 시), Normal(레이지 로딩 기능 사용 안 함)
  • SEO(검색엔진최적화) 친화적
  • 쇼트코드를 사용하여 원하는 곳에서 댓글 로드 가능
  • 사용자 정의 포스트 타입 지원
  • Disqus 컨테이너 폭 조정
  • 사용하지 않을 경우 카운트 스크립트 비활성화/활성화

이 플러그인을 설치하면 워드프레스 알림판에서 사이드바에 DCL Settings라는 메뉴가 추가됩니다.

How to Load Disqus(디스커스 로드 방법)에서 원하는 옵션을 선택하도록 합니다. 보통은 On Scroll(스크롤할 때 디스커스 로드)을 선택하면 될 것 같습니다. On Click(클릭할 때 디스커스 로드)을 선택하면 댓글 부분에 버튼이 표시됩니다.

그리고 Count Script(카운트 스크립트)는 속도를 위해 비활성화하는 것이 좋습니다.

저는 Disqus 공식 플러그인이 설치되어 있고 활성화는 되어 있지 않지만, 이 플러그인에서는 Disqus 공식 플러그인의 기능을 그대로 이용하는 것 같습니다.  "Disqus Settings" 탭을 클릭하면 Disqus 공식 플러그인의 설정 페이지로 이동하게 됩니다. (Disqus 공식 플러그인을 설치되어 있지 않은 경우에는 어떻게 작동하는지 모르겠습니다.)

Disqus 댓글 시스템 때문에 페이지 로딩 속도가 느린 경우 이 플러그인을 고려해볼 수 있을 것 같습니다.

참고:


20 개 댓글

Leave a Comment

    • Light & Bold 테마의 경우 테마 자체가 가볍지만 빠르게 설정하는 방법을 알려주는 것 같습니다.

      가령, 저 같은 경우 light & Bold 테마 판매자에게 물어보니 매거진 형태의 사이트에는 적합하지 않다면서 몇 가지 방법을 알려주었습니다. 그 중 하나가 Disqus Conditional Load 플러그인을 사용하라는 것이었습니다.

      129달러에 아마 특화된(?) 조언이 포함되지 않을까 짐작해봅니다(개인적인 생각입니다).

      응답
      • 고맙습니다. 잘 작동하네요.
        새로 바꾼 테마가 필수로 장착해야하는 플러그인이 많아 그런지 좀 느린 느낌이었습니다.
        유료테마들이 보통 플러그인을 많이 필요로하는건가요? 제가 이번에 쓴 minimag가 유독 그런건가요?

      • Visual Composer를 사용할 필요가 없으면 비활성화하면 속도가 향상될 것입니다. 그리고 슬라이더 플러그인이나 기타 불필요한 플러그인도 비활성화하고, 사이트가 제대로 작동하면 모두 삭제하시면 좋을 듯 합니다.

        minimag이 보니까 비주얼 컴포저가 포함되어 있네요. 비컴이 특히 사이트 속도에 안 좋은 영향을 미칩니다.

      • visual composer가 무엇인가요.
        원래 헤더에 슬라이더가 나타나게 되어있었는데, 저는 사용하지 않으니 슬라이더 플러그인은 빼도 되려나요?
        제 생각에도 필요없는 플러그인은 빼버렸으면 좋겠는데, 뭐가 필요없는지 몰라서요. 일단 비활성화 시켜봤다가 이상 없으면 삭제하면 될까요?