런대시 사이트, 이렇게 만들지 마세요.

런대시는 국내에서도 많이 사용되는 LMS(Learning Management System) 플러그인입니다. 2024년 12월 현재, 단비랩스에서는 국내에 약 2,000개 정도의 런대시 사이트가 있는 것으로 추산하고 있습니다.

하지만, 안타깝게도 거의 모든 사이트가 상용(Commercial) 서비스에 적합한 질과 성능을 갖추지 못하고 있습니다. 거의 모든 사이트가 매우 느릴 뿐 아니라, 커스터마이징이 거의 불가능한 상태에 있었습니다.

위와 같은 상황이 발생하는 가장 큰 이유는 잘못된 리소스(테마, 플러그인, 호스팅 등) 선택에 있습니다. 이번 포스트를 통해 이를 풀어서 설명하겠습니다. 런대시를 시작하는 사이트뿐 아니라, 기존에 운영하는 곳에도 좋은 참고 자료가 되길 기대합니다.

1. 써드 파티 페이지 빌더 사용

대부분의 사이트에서 속도를 느리게 만드는 주범은 Elementor와 같은 써드 파티 페이지 빌더입니다. 특히, 국내에서는 Elementor를 매우 많이 쓰어 안타깝게 생각하고 있습니다. Elementor는 그 자체도 느리지만, 각종 애드-온으로 인해 더욱 느려집니다.

글로벌하게는 이미 2~3년 전부터 워드프레스 내장 블록 에디터가 대세로 자리잡고 있으며, 기존 써드 파티 페이지 빌더 사이트조차 블록 에디터 기반으로 전환하고 있습니다. 안타깝게도 국내에서는 여전히 Elementor를 많이 쓰고 있습니다. 블록 에디터는 거의 모든 써드 파티 페이지 빌더를 압도하는 속도를 보여줍니다. 여기에 더해 써드 파티 페이지 빌더가 엄두를 낼 수 없는 폭 넓은 플러그인 연동성을 제공합니다. 따라서, 써드 파티 페이지 빌더가 아닌 블록 에디터 방식으로 제작하는 게 좋습니다.

저희는 이미 2~3년 전 부터 Elementor가 사실상 퇴출 단계에 들어간 것으로 보고 있습니다.

2. 런대시 전용 테마 사용

이미지 출처: BuddyBoss 홈페이지

모던한 범용 테마는 사전 정의된 스타일(CSS)가 없어 빠르고, 블록 에디터를 이용해 완전한 커스터마이징이 제공됩니다. 런대시 전용 테마를 사용하면 사이트가 무거워질 뿐 아니라 커스터마이징이 제한됩니다.

예를 들어 국내의 몇몇 사이트가 BuddyBoss를 사용하고 있습니다. 화려한 디자인의 사이트를 손쉽게 만들 수 있어 보이나, 느리고 디자인 커스터마이징은 사실상 불가능합니다. 디자인을 변경하기 위해서는 BuddyBoss의 템플릿을 자식 테마에 복사한 후 재편집해야 합니다. 다량의 코드 편집과 함께 업데이트에 따른 호환성 이슈까지 노출되는 최악의 상황에 직면하기 쉽습니다.

해당 테마
  • BuddyBosss
  • eLumine
  • Social Learner
  • ThemeREX의 모든 런대시 테마
추천 테마
  • GeneratePress: 단비랩스 원픽! 빠르고 강력합니다.
  • Kadence: 런대시와 한 지붕(Liquid Web)에 있습니다. 런대시 스타트 템플릿을 제공합니다. 단, 2024년 여름 이후 무거워지는(bloated) 경향이 있습니다.
  • Astra

3. 복합 기능 애드-온 사용

보통 복합기능 제품(Complex Product)는 좋지만 최고는 아닌(Good but not The Best) 경우가 많습니다. 플러그인도 크게 다르지 않습니다. 런대시에는 런대시에 대한 다양한 추가 설정을 제공하는 애드-온이 있습니다. 이런 류의 플러그인은 사이트 성능에 악영향을 줍니다. 특히, 많은 기능들이 회원관리 플러그에서 제공되기 때문에 필요한 개별 기능만 다른 플러그인이나 코드로 구현하는 게 좋습니다. 사실 이런 플러그인 제공하는 기능 중 많은 부분은 런대시 훅이나 필터로 간단히 처리됩니다.

해당 플러그인
  • Uncanny LearnDash Toolkit
  • PowerPack For LearnDash
  • Toolkit for LearnDash

4. 디자인 애드-온 사용

런대시와 무관하게 스타일 변경을 제공하는 플러그인을 사용하면, 커스터마이징이 제한되고 성능은 떨어집니다. 테마 빌더가 있는 테마(GeneratePress, Kadence 등)를 이용해 템플릿을 편집하고 추가적인 CSS 코드를 쓰는 게 좋습니다.

해당 애드-온
  • Design Upgrade for LearnDash
  • Visual Customizer

5. 기능이 떨어지는 런대시 애드-온 사용

런대시 전용 플러그인라고 해서 더 좋은 게 아닌 경우가 많습니다. 카테고리가 다르더라도 워드프레스 플러그와 테마는 동장 방식의 대부분을 공유합니다. 많은 애드-온들이 바로 쓸 수 있도록, 별다른 설정 없이 바로 적용할 수 있다는 장점 외에는 커스터마이징과 성능 측면에서 좋지 못합니다.

해당 애드-온
  • LearnDash Course Grid: 강의 목록을 출력하는 애드-온입니다. 목록에서 개별 사용자의 수강 참여 여부를 보여주는 장점이 있지만, 국내 강의 사이트에서 많이 사용되는 UI는 아닙니다. 커스터마이징이 제한되고 성능에도 악영향을 줍니다. 쿼리 루프(워드프레스 코어 쿼리, GenerateBlocks 쿼리 등) 블록으로 대체하는 게 좋습니다.
  • Achievement: 런대시에서 기본 제공하는 포인트 관련 로직만 쓸 경우에는 충분하나 다른 정책이 추가될 경우를 고려해 GamiPress, myCRED 등을 씁니다.
  • LearnDash Integrity: 어짜피 써야하는 회원관리 플러그인과 몇몇 코드로 대체됩니다.
  • UpSells for LearnDash: 국내에서는 우커머스로 결제가 이루어지기 때문에 우커머스 코어 또는 관련 애드-온, Block Visibility 등으로 대체합니다.

6. 기능이 떨어지는 런대시 코어 기능

런대시 코어에 있다고 해서 해당 기능을 쓰는 게 좋은 건 아닙니다. 다소 구색맞추기로 들어간 기능들도 있고, 커스터마이징이 떨어지는 기능도 있습니다.

해당 기능
  • Points: 런대시에서 기본 제공하는 포인트 관련 로직만 쓸 경우에는 충분하나 다른 정책이 추가될 경우를 대비해 GamiPress, myCRED 등을 씁니다.

7. 일부 공식 애드-온

런대시에서 공식적으로 배포한다고 좋은 애드-온은 아닙니다. 런대시에서 WisdmLabs을 인수하면서 몇몇 문제가 있는 애드-온이 공식 사이트를 통해 배포되고 있습니다.

해당 플러그인 예
  • Reports for LearnDash: 버그가 많습니다.

8. 너무 무거운 플러그인

런대시와 무관하게 워드프레스에 쓰기 적합하지 않은 플러그인입니다.

해당 플러그인
  • Slider Revolution, depicker 등의 슬라이더 플러그인: 플러그인이 해야할 범위를 넘은 것 같습니다.
  • Popup Marker: 국내에서 많이 쓰지만, 너무 올드한 방식으로 배포됩니다. 파업 하나가 20여개의 애드-온을 가지고 있다면 사이트의 성능은 어떻게 될까요?

9. 포스트 타입이 아닌 게시판

워드프레스의 포스트 타입을 지키지 않는 게시판 플러그인을 사용하면, 커스터마이징에 제한이 생깁니다. 국내 대부분의 게시판 플러그인이 이에 해당합니다. 그전에 불필요하게 게시판을 사용하는 경우도 많습니다. 워드프레스는 제로보드나 그누보드가 아닙니다. 게시판 여부를 판단한 후에 사용하시기 바랍니다.

10. 강의와 상품의 혼선

국내에서는 런대시 내장이 아닌 우커머스 결제를 사용해야 합니다. 해당 방식은 강의와 상품을 ‘1:1’로 매핑해야 하기 때문에 번거롭지만, 다양한 가격 정책을 만들 수 있는 장점이 있습니다. 몇몇 분들은 이를 잘못 오해해 강의와 상품이 별도로 노출되야 한다고 생각하기도 합니다. 덕분에 동일한 강의 소개를 상품과 강의에 같이 넣는 경우가 있으나, 이는 대부분의 경우 불필요합니다.

LearnDash WooCommerce Integration을 쓰는 경우, 강의에서 곧 바로 결제하기로 이동시킬 수 있습니다.

11. 저사양 호스팅

LMS(Learning Management System)는 수강생의 학습을 기록해야하는 속성상 다른 분야에 비해 고사양이 필요합니다. 이를 고려하지 않고 홈페이지나 웹진에 적합한 수준의 호스팅을 이용하는 경우가 매우 많습니다.

비추천 호스팅
  • 카페24, 가비아 등의 저가 워드프레스 호스팅
  • LearnDash Cloud, Hostinger, WPEngine 등 국내 서버가 없는 호스팅
추천 호스팅
  • Kinsta
  • 단비 WP케어
  • CloudWays

12. 속도최적화 누락

워드프레스의 속도는 사실 속도최적화 이전에 리소스의 선택와 개별 역량에 좌우 되지만, 속도최적화를 통해 추가적으로 향상시킬 수 있습니다.

주요 속도최적화
  • 썸네일 크기 정의
  • 페이지 캐싱
  • 조건에 따른 플러그인 활성화
  • Lazyload
  • CSS 및 JavaScript MInification
  • 이미지 최적화
  • 로컬 폰트

13. 비전문가를 통한 제작

앞서 나열한 문제점들은 결국 제작업체의 전문성과 숙련도가 떨어지기 때문에 발생합니다. 국내에는 수 많은 워드프레스 회사가 존재하지만, 사실 워드프레스에 대해 이해하는 곳은 거의 없습니다. 게다가 런대시 까지 이해하는 곳은 거의 없습니다.

댓글 쓰기