워드프레스 편집기 선택, 블록 에디터냐 엘리멘터냐
워드프레스로 웹사이트를 만들 때 가장 먼저 부딪히는 고민 중 하나는 편집기 선택이다. 기본적으로 제공되는 블록 에디터(구텐베르크)는 워드프레스 코어에 통합되어 있어 별도 설치 없이 바로 사용할 수 있고, 경량화된 구조 덕분에 빠른 속도를 기대할 수 있다. 반면 엘리멘터(Elementor)는 시각적 디자인에 최적화된 페이지 빌더로, 드래그 앤 드롭 방식의 직관적인 인터페이스 덕분에 코딩 지식이 부족한 사용자도 멋진 레이아웃을 구성할 수 있어 큰 인기를 끌고 있다. 그러나 엘리멘터는 속도 측면에서 불리할 수 있어, 사용 목적에 따라 선택이 달라져야 한다.
이번 글에서는 둘 다 사용하고 있는 사용자의 입장에서 어떤 선택이 좋은 것인지에 대해 적어보고자 한다. 속도(퍼포먼스), 사용성, 디자인 자유도, SEO, 호환성 등 다양한 요소를 기준으로 살펴보겠다. 이 두 툴의 차이를 이해하면 자신의 사이트의 성격에 어떤게 더 잘 맞을지 선택하는데 도움이 될 것이다.
엘리멘터의 자유로운 디자인, 하지만 퍼포먼스는?
엘리멘터는 다양한 디자인 요소와 템플릿을 활용해 자유로운 구성이 가능하다는 점에서 강력한 도구다. 이미지, 텍스트, 버튼, 폼 등 다양한 위젯을 마우스로 끌어다 놓기만 하면 되므로, 특히 마케팅 목적의 랜딩페이지나 브랜드 홈페이지 제작 시에 효과적이다. 실시간 미리보기를 통해 디자인 결과를 확인할 수 있어 초보자에게도 부담이 적다. 그러나 이러한 편의성 뒤에는 무거운 리소스 사용이라는 단점이 존재한다. 엘리멘터로 구성된 페이지는 렌더링 속도가 느릴 수 있고, 호스팅 환경이 좋지 않을 경우 속도 저하나 메모리 부족 오류가 발생할 수도 있다. 따라서 퍼포먼스 최적화에 대한 고민이 함께 필요하다.
콘텐츠 중심 사이트엔 블록 에디터가 더 적합
반대로 블록 에디터는 가볍고 빠른 콘텐츠 중심의 웹사이트에 적합하다. 뉴스, 블로그, 매거진 사이트처럼 텍스트와 이미지가 주를 이루는 콘텐츠 기반 웹사이트라면 굳이 엘리멘터와 같은 페이지 빌더를 사용할 필요가 없다. 워드프레스 기본 기능을 최대한 활용할 수 있고, 구조적으로도 안정적이다. 필요시 블록 에디터의 확장형 플러그인인 GenerateBlocks를 함께 사용하면 디자인 범위를 넓히면서도 속도는 그대로 유지할 수 있다. 이 조합은 특히 검색 최적화(SEO) 측면에서도 긍정적인 평가를 받고 있다. 다만 고급 디자인이나 시각적 효과 구현은 어렵기 때문에 브랜드 사이트나 고급형 포트폴리오 제작에는 적합하지 않을 수 있다.
| 항목 | 워드프레스 Block Editor (구텐베르크) | 엘리멘터 (Elementor) |
|---|---|---|
| 기본 제공/설치 | 워드프레스에 기본 내장, 별도 설치 불필요 | 플러그인 설치 필요 |
| 사용 방식 | 블록 기반 콘텐츠 편집, 백엔드에서 작업 | 드래그 앤 드롭 방식, 프론트엔드 실시간 미리보기 |
| 디자인 자유도 | 제한적(기본 블록, 추가 플러그인 필요) | 매우 높음(섹션, 위젯, 고급 스타일링 지원) |
| 템플릿/위젯 | 제한적, 추가 플러그인 필요 | 수백 개의 템플릿/위젯 제공(무료+유료) |
| 성능 (속도) | 가볍고 빠름, 코드가 비교적 심플 | 무거울 수 있음, 최적화 필요 |
| 학습 난이도 | 쉬움(기본 사용), 고급 레이아웃은 다소 어려움 | 직관적이나 옵션이 많아 초보자에겐 복잡할 수 있음 |
| 코딩 필요성 | 거의 없음, 커스텀 CSS/HTML 추가 가능 | 없음, 고급 커스텀도 시각적으로 가능 |
| 테마 호환성 | 대부분의 테마와 호환 | 대부분의 테마와 호환 |
| 확장성 | 플러그인/블록 추가로 확장 | Pro 버전으로 확장, 다양한 애드온 사용 가능 |
| 적합한 사이트 유형 | 블로그, 뉴스, 콘텐츠 중심 웹사이트 | 비즈니스, 랜딩페이지, 포트폴리오, 쇼핑몰 등 |
GenerateBlocks로 디자인과 속도 모두 챙기기
GenerateBlocks는 블록 에디터의 확장 플러그인으로, GeneratePress 테마의 개발자가 제작한 만큼 성능에 초점을 맞춰 설계되었다. 컨테이너, 그리드, 타이틀, 버튼 등 최소한의 구성 요소만 제공하여 가볍고 빠른 속도를 유지하면서도 레이아웃 구성이 가능하다. 특히 유료 버전을 사용하면 200개 이상의 템플릿과 패턴을 사용할 수 있어 반복적인 디자인 작업이 편리해진다. 물론 엘리멘터처럼 드래그 앤 드롭 기반의 빌더는 아니므로 초반 학습이 필요할 수 있고, 사전 제작된 템플릿이 없는 무료 버전만으로는 다소 불편하게 느껴질 수 있다. 하지만 속도를 우선시한다면 가장 강력한 대안이 될 수 있다.
결론적으로, 블로그처럼 텍스트 기반 콘텐츠가 중심이 되는 사이트나 경량화가 중요한 프로젝트라면 블록 에디터 기반의 구조가 유리하다. 반면 브랜드 아이덴티티를 강조해야 하거나 전환율이 중요한 랜딩페이지를 제작할 때는 엘리멘터가 더 나은 선택이 될 수 있다. 각 편집기의 장단점을 이해하고, 사이트의 목적과 유지관리 수준을 고려해 적절한 조합을 선택하는 것이 중요하다. 속도와 확장성 모두를 고려한다면 GeneratePress 테마와 GenerateBlocks 플러그인을 활용한 구성도 훌륭한 선택지가 될 수 있다.
나의 경우, 처음에 디자인을 고려하여 엘리멘토를 설치하여 현대적이고 심플한 스타일의 랜딩페이지를 만들었다. 그런데 구글 사이트 속도 체크에서 60점대에서 올라가질 않았다. 속도를 올려준다는 wp-로켓 플러그인을 유료결제하여 깔아도 보고 JS, CSS 간소화 플러그인도 설치해봤으나 여전히 속도가 개선되진 않았다. 그래서 결국 엘리멘토를 비활성화시키고 제너레이트블럭으로 갈아타게 되었다. 엘리멘토로 구현했던 디자인의 90% 이상을 똑같이 할 수 있었고, 속도가 80이상으로 크게 향상되었다. 현재 나는 대부분의 사이트에 엘리멘토를 사용하지 않고 있다. 그러나 이는 사이트의 성격에 따른 선택이기 때문에 이 글을 참고하여 여러분의 사이트 성격에 적합한 편집기를 고르길 바란다.