워드프레스 엘리멘터를 사용시 꼭 주의할 사항 4가지는?

워드프레스 엘리멘터는 워드프레스 사용자라면 누구나 익히 잘쓰는 플러그인입니다. 가장 인기가 있으며, 사이트 제작 시 누구나 습관처럼 사용하는 알짜배기 플러그인입니다. 하지만 인기 대비 실제 퍼포먼스는 어떨까요? 저는 엘리멘터를 사용할 때 반드시 알았으면 하는 주의사항에 대해서 설명해드리고, 이에 대한 대안을 제시하려고 합니다. 그러면 글 시작합니다.

워드프레스 인기 웹사이트 제작 빌더 엘리멘터는 무엇인가?

엘리멘터(Elementor)는 워드프레스를 위한 인기 있는 페이지 빌더 플러그인입니다. 사용자가 웹사이트의 각 페이지를 시각적으로 디자인하고 구성할 수 있게 해주는 도구 입니다. ppt 제작하듯이 드래그 앤 드롭 방식의 작동으로 별도의 코딩 지식 없이도 누구나 쉽고 빠르게 전문적인 웹사이트를 만들 수 있습니다.

또한 편집창에서는 다양한 위젯(예: 텍스트, 이미지, 버튼 등) 삽입 옵션을 제공해주며, PC / 태블릿 / 모바일 등의 스크린 화면에 따른 레이아웃을 제공하여 사용자가 쉽게 반응형 디자인을 완벽하게 할 수 있습니다.

전세계적으로 현재도 워드프레스 유저에게 많은 사랑을 받고 있지만, 성능 저하, 코드 복잡성 증가, 업데이트와 호환성 문제 등 일부 단점들도 가지고 있어 이에 대한 고려가 필요합니다.

워드프레스 엘리멘터 사용할 때 꼭 감수할 불편함

첫 째, 답답한 사이트 로딩 속도

엘리멘터 사용할 때마다 여러분이 가장 느끼는 불편함이 무엇일까요? 아니 더 나아가 그냥 사용하는데 감수하고 싶은 것이 무엇일까요? 저는 바로 특유의 버벅거림이라고 생각합니다.

워드프레스 편집해보시면 알겠지만, 페이지나 글을 편집한다고 할 때 직접 편집 창으로 가면 약간 3초 정도 딜레이가 됩니다. 그리고 수정을 다하고 난 다음에 업데이트를 누르면 업데이트도 바로 반영이 안 됩니다.

왜 그런지 혹시 생각을 해보셨나요? 바로 엘리멘터는 생각보다 코드가 복잡하고, 비교적 많은 코드를 사용하기 때문에 속도가 저하될 수밖에 없습니다.

둘 째, 점점 눈덩이처럼 쌓이는 불편함

엘리멘터는 생각보다 되게 불편한 툴입니다. 물론 드래그앤 드롭 방식으로 모든 블록을 가져다가 사용할 수는 있습니다. 하지만 일부 커스터마이징 하기가 정말 어렵습니다.

대표적인 예시로 텍스트 사이에다가 글자 색상을 바꾸거나 아니면 글자 크기를 조절해야 할 때 엘리멘터는 전적으로 span tag를 사용해야 합니다.

아임웹 같은 경우는 직접 설정이되고, 워드프레스가 기본적으로 제공하는 구텐베르크 에디터 같은 경우 색상을 하이라이트로 편하게 지정할 수 있는데, 엘리멘터는 일일이 코드를 만져야 하므로 여간 성가시게 아닙니다.

능숙한 개발자는 전혀 문제가 없겠지만, 홈페이지를 사용하는 사용자 입장에서는 사용하는데 있어서 불편할 수 밖에 없습니다.

그밖애 관리자 입장에서도 분통 터칠 수 있는 상황이 있습니다. 이상하게 제작 시 css를 넣거나 아니면 엘리멘터를 편집하고 나면 해당 내용이 바로 반영이 되지 않습니다.

이럴때 수시로 캐시를 만지거나 아니면 css regeneration을 쓰는 것이 성가십니다.

셋 째, 언제 터질지 모르는 업데이트 이슈

엘리멘터는 주기적으로 업데이트하지만, 항상 호환에서 문제가 발생할 수 있습니다. 업데이트 할 때마다 종종 버그가 발생하고 있으며, 특히 엘리멘터를 기반으로 호환되어야 하는 플러그인도 동일한 문제가 발생합니다.

주로 사이트 오류가 발생할 수 있으며, 그래서 플러그인 업데이트를 제때 하지 않는 경우가 많습니다. 이럴경우 사이트 보완에서 문제가 발생할 위험이 있습니다.

넷 째, 생각보다 부담되는 라이센스 비용

엘리멘터도 엘리멘터 프로버전 한해서 초창기에는 라이프 타임 라이센스가 있었지만, 지금은 연결제 라이센스를 제공하고 있습니다.

무료 버전으로도 왠만한 사이트 개발은 가능하지만, 사이트를 다이나믹하게 제작하거나 직접 디자인을 커스텀 하고 싶으면 필연적으로 프로 버전을 설치해야 합니다.

이때 드는 결제하는 비용이 생각보다 부담이 되고, 또한 매년 마다 비용을 갱신해야 해서 여간 성가신 게 아닙니다.

대안 마련 (증상을 고치냐? 아니면 체질 개선을 하느냐?)

저는 엘리멘터를 계속 쓰시거나 중단하는 것을 권하고 싶지 않습니다. 오히려 그전에 더 본질적인 질문을 던지고 싶습니다.

여러분은 만약에 질병에 걸린다면 어떻게 하고 싶나요? 병을 바로 낫게 하고 싶나요? 아니면 병이 더는 발생하지 않게 하고 싶나요? 조금더 이해하기 쉽게 설명을 하겠습니다.

전자는 병이 발생할 때 직접 병의 원인을 찾으면서 치료를 하는 경우입니다. 반대로 후자는 처음부터 신체를 건강하게 유지를 해서 더는 병이 발생하지 않게 예방하는 목적이 있습니다.

둘다 병을 치료하는 것은 똑같지만, 병이 걸렸을 때 대처를 하느냐 아니면 사전에 예방하는지에 차이가 있는 것이죠. 엘리멘터는 이미 대처법도 많이 나와있습니다. 하지만 이미 그만큼 필연적으로 속도 저하 / 업데이트 이슈 등이 발생할 수 있다고 인지를 해야 합니다.

따라서 그런 불편함을 사전에 감당하지 않았으면 합니다. 그래서 제가 선택하는 대안은 워드프레스 홈페이지 제작 할 때 처음부터 속도 저하 이슈는 없게 하면서 업데이트는 바로 되게 하자는 것이죠.

웹사이트 빌더라는 시각에서 벗어나자

제가 제공하고 싶은 답은 바로 하나입니다. 더는 웹사이트 빌더의 생태계에서 벗어나자는 것입니다. 이는 지금 여러분이 사용하고 있는 엘리멘터 말고도 디비 , 브리지 등의 다양한 웹사이트 빌더도 마찬가지입니다.

웹사이트 빌더를 바꾼다고 해도 엘리멘터보다 가볍기만 하지, 언제나 이슈는 발생할 수 있습니다. 그래서 저는 웹사이트 빌더가 아닌 블록 에디터 빌더로 제작하는 것을 권해드립니다.

블록 에디터는 엘리멘터 보다 코드는 적게 쓰고, 이미 워드프레스가 채택한 기본 빌더인 구텐베르크가 100% 호환되기 때문에 충돌도 적게 나며, 코드도 작게 써서 상당히 가볍습니다.

오늘 워드프레스 엘리멘터에 대해서 주의할 사항과 그에 따른 대안에 대해서 함께 알아봤습니다. 조만간 오늘 제안한 대안에 대해서 아마 더 알고 싶은 생각이 들 것 같은데요. 조금만 기다려주세요. 자세하게 풀어주는 글로 찾아뵙겠습니다.