속도에 중점을 둔 워드프레스 테마 - Light & Bold
Light & Bold - 속도에 중점을 둔 워드프레스 테마(Speed-Focused WordPress Theme)
워드프레스의 장점 중 하나는 다양한 테마 중에서 마음에 드는 것을 선택하여 사용할 수 있다는 점일 것입니다.
하지만 요즘 나오는 많은 테마가 비주얼 컴포저를 채택하여 화려한 효과를 제공하는 데 중점을 두고 있는 듯 합니다. 비주얼 컴포저가 많은 인기를 끌고 있지만 사실 Visual Composer는 그리 좋은 페이지 빌더가 아니고, 더구나 빠른 속도를 원한다면 VC를 사용하는 테마는 피하는 것이 좋습니다(참고).
오늘 잠시 시간을 내어 이번 달에 새로 출시된 테마포레스트 테마를 살펴보다가 Speed-Focused WordPress Theme(속도에 중점을 둔 워드프레스 테마)라는 문구가 포함된 Light & Bold라는 테마를 발견했습니다.
이 테마가 설치된 사이트의 Pingdom Test 결과를 보니 로딩 속도가 313밀리초가 나오네요.
속도가 313밀리초가 나오는 테마는 거의 처음 보는 것 같습니다. 해외 사이트 기준이라서 실제 국내에서 적용해보면 약간 느려지겠지만 다른 테마에 비해서는 확실히 빠르지 않을까 생각되네요.
속도만 빠르고 레이아웃이 마음에 들지 않으면 별 소용이 없을 것입니다. 이 테마는 깔끔하고 모던한 레이아웃을 제공합니다. 데모 페이지에서 확인해볼 수 있습니다.
단순히 빠른 것이 아니라 사용 편의성과 레이아웃까지 고려한 괜찮은 테마라는 인상을 주네요.
구글 PageSpeed Insights에서 PC와 모바일에서 모두 100% 만점이 나오네요. (테마 소개 사이트에서 실제로 확인해볼 수 있습니다.)
웹사이트의 로딩 속도가 빨라야 하는 이유
- 구글에서 더 좋은 검색 순위 확보
- 이탈률(bounce rate) 감소 - 느린 사이트를 좋아하는 사람은 아무도 없습니다.
- 사이트 체류 시간 증가
- 전환율 향상
테마 기능
- 최신 워드프레스 버전과 호환
- 깔끔하고 모던하고 미니멀한 디자인
- 여러 가지 레이아웃 제공
- HTML5 & CSS3
- Valid HTML & CSS 마크업
- 100% 반응형 테마(모바일 퍼스트)
- 번역 가능. 언어 파일(.po/.mo 파일) 포함
- 쉬운 관리자 패널
- WPML 다국어 지원(참고)
- 데모 콘텐츠 및 파일 포함
- 영어와 프랑스어로 고객 지원
- 사용자 정의 컬러
- 사용자 정의 CSS
- 차일드 테마 제공
- SNS(소셜) 공유 기능
- Google Analytics by MonsterInsights 호환
- Yoast SEO 플러그인 호환
- 코딩 지식 필요 없음
- 전용 위젯 포함
이 테마에는 Visual Composer가 아닌 드래그 앤 드롭 방식의 페이지 빌더가 포함되어 있다고 하네요. 위에서 언급했듯이 비주얼 컴포저는 속도와 호환성을 위해 가급적 사용하지 않는 것이 좋습니다.
Light & Bold 테마에 대한 자세한 정보와 데모는 테마 페이지를 참고하시기 바랍니다.
참고로 빠른 테마를 사용하더라도 잘못된 플러그인을 사용하거나 구글 애드센스 광고, 기타 광고, 최적화되지 않은 그림 사용 등으로 인해 사이트 속도가 느려질 수 있습니다. 그리고 웹호스팅도 중요하고요.
많이 사용되는 다목적 테마 중에서는 (개인적인 경험상) Enfold와 X 테마가 괜찮은 속도를 보여주었습니다. 그리고 아바다의 경우 이전에 무겁다는 평이 많았지만 작년 말에 버전 5로 업데이트되면서 속도가 많이 개선된 것 같습니다. (물론 테스트 환경에 따라 체감 속도가 다를 수 있습니다.)
2018_0515 추가: 최근에 Jupiter 테마를 설치하여 테스트해보니 비주얼 컴포저가 탑재되었지만 빠른 속도를 보였습니다. 최적화가 잘 되었다는 인상을 받았습니다. "워드프레스 주피터(Jupiter) 테마 속도 테스트"를 참고해보세요.
2017_1226 추가: 요즘 나오는 많은 테마에 비주얼 컴포저가 탑재되어 나오는 경우가 많습니다. 비컴이 탑재된 테마(예: BeTheme, Bridge 등)의 경우 사용이 편리하지만 최적화가 제대로 안 되면 속도가 느려질 가능성이 있습니다. 한편 무료이면서 비교적 빠른 페이지 빌더로 Elementor가 있습니다. 사용자 평가가 좋은 편이고 속도도 괜찮은 것 같습니다. 여기에서 Elementor로 제작된 워드프레스 테마를 확인해볼 수 있습니다.
https://japan.tommy.com/c/styleguide/m_sg06.php
이런 기능이 있는 테마나 플러그인이 없을까요?
직접하기엔 좀 복잡하겠죠?
사이드의 Index를 눌렀을 때 옆으로 슬라이딩되는 요소를 의미하나요?
워드프레스에서 비슷한 기능을 하는 플러그인으로 다음 글에서 설명하는 것이 있습니다만 링크된 페이지처럼 구현이 가능한지는 모르겠습니다.
https://www.thewordcracker.com/basic/%EC%9B%8C%EB%93%9C%ED%94%84%EB%A0%88%EC%8A%A4-%EC%8A%AC%EB%9D%BC%EC%9D%B4%EB%94%A9-%ED%8C%A8%EB%84%90-%ED%94%8C%EB%9F%AC%EA%B7%B8%EC%9D%B8-ninja-kick/
구글 검색해보면 이런 기능을 제공하는 스크립트가 있을 것 같습니다.
네 옆으로 슬라이딩되는 기능을 찾고 있습니다.
이런 기능을 뭐라고 하나요?
다음 사이트를 참고해보세요.
다양한 스크립트가 있네요.
https://www.jqueryscript.net/tags.php?/sliding%20panel/
제가 위 테마를 사용중입니다 아바다 쓰다가 속도는 확실히 체감되는데 문제는 기능이 정말 심플해서 이것저것 만지는 초보자들이 사용하기엔 다소 무리가 있습니다.개인적으로 페이지빌더가 너무 익숙해져서 적응하기가 쉽지않았습니다
안녕하세요?
아바다는 많은 기능을 제공하고 사용이 편리한 반면 아무래도 무거울 수밖에 없는 것 같습니다.
이 테마에는 드래그 앤 드롭 방식의 페이지 빌더가 포함되어 있다고 하는데요. 페이지 빌더 사용법을 익혀야 할 것 같습니다.
그 페이지 빌더가 좀 허접한지라 별로 손이 안 가더군요 ㅎ 아바다로 돌아갈까 여러번 망설였지만 돌아가기에는 속도가 너무 차이가 나서 접었습니다. 어느정도 관리능력이 있으신 분들이 이 테마를 구입하셔야 될 듯 합니다.
저는 기능보다 속도가 빠르고 심플한 테마를 선호하는 편입니다. 기회가 되면 이 테마를 한 번 테스트해보고 싶네요. 하지만 가격이 비싼 편이라서...ㅠㅠ
무료중에 빠른건 없을까요? ㅠㅠ
잘 아시겠지만, 속도는 테마 + 플러그인 + 웹호스팅 환경이 복합적으로 작용하는 것 같습니다.
캐시 플러그인과 최적화 플러그인을 사용하여 최적화하면 속도 향상에 도움이 될 것입니다.
무료 테마는 Twenty Twelve 같은 기본 테마도 괜찮을 것 같고, 찾아보면 가벼운 테마가 많이 있을 것 같습니다. 제가 사용해 본 것으로는 Hueman, Simple Life 정도가 생각나네요.
이름이 The Minimal이라는 테마도 있네요.
https://wordpress.org/themes/the-minimal/
시간 나면 이 테마도 한번 테스트해보고 싶네요.ㅎㅎ
안녕하세요?
잘 지내시겠죠? ㅎㅎ
무료 중에서 기능도 괜찮고 빠른 테마로 OceanWP 같은 테마가 있네요. (아마 이미 알고 계실 수도 있고요.)
https://www.thewordcracker.com/basic/how-to-install-demos-in-oceanwp-wordpress-theme/
잘 보고 갑니다.
속도가 빠룬 테마는 항상 관심을 가지고 보고 있습니다.
다음 업데이트 시 고민해 보려구요.
저도 속도를 보고 급관심이 생겨서 테마 판매자에게 문의를 넣어봤습니다.
보통 판매자 같으면 매거진 레이아웃 블로그에도 적합할 것이라고 말할 것 같은데, 이 테마 판매자는 Light & Bold가 기업용 사이트 구축에 적합하고 매거진 레이아웃은 지금 사용하고 있는 테마를 그대로 사용하는 것이 더 좋겠다고 하네요.ㅎㅎ
자세한 정보 고맙습니다.
기회가 되면 테스트 해봐야겠네요