Only a few weeks ago, we released PBS Version 4.1. This update included tweaks on the formatting bar and some text formatting updates, among others. For Version 2.0 though, while we made additional features, we decided to focus more on PBS’ overall performance.
200% Performance Increase & A Little Help from CodeInWP
이러한 변화를 촉발한 것은 CodeInWP의 페이지 빌더 기대치에 관한 기사였습니다. 그들이 가장 선호하는 항목들의 짧은 목록을 소개하며 특정 기준에 따라 각각을 검토했습니다. Page Builder Sandwich는 목록 자체에는 포함되지 못했지만, 기사에서 짧게 언급되기는 했습니다.
With Page Builder Sandwich you won’t also lose your content and will be able to continue updating the page easily via a default WordPress editor.
이를 읽고 저희 팀은 PBS를 더욱 개선해야겠다고 결심했습니다. 그리고 목록에 포함되지 않았던 만큼 구체적인 부족한 점이 무엇인지도 궁금했습니다. 얼마 후 저희는 CodeInWP에 연락하여 PBS에 대한 간단한 리뷰를 요청했고, 게스트 작성자인 Ann Taylor가 매우 건설적이고 도움이 되는 답변을 보내주었습니다.
“…I played around with a free version a bit. It shows a lot of promise: lots of modules, pretty intuitive UI, great WYSIWYG experience, everything is dragged around easily. However, when I had around 10 modules on the page, it became hard to continue working with it because of low editing speed…”
이 훌륭한 피드백은 저희가 PBS의 속도와 성능을 조사하게 만드는 계기가 되었습니다. 다양한 시나리오를 테스트한 결과 엄청난 속도 병목 현상을 발견했습니다. 성능 문제의 근본 원인은 플러그인이 윤곽선, 도구 모음 및 기타 시각적 편집 단서를 표시하기 위해 수행하는 다양한 계산 작업이었습니다. 아래는 Chrome에서 측정한 PBS 4.1 버전의 성능 그래프입니다.
Here are the important points of the graph in a nutshell:
- 높은 보라색 영역은 좋지 않습니다
- 넓은 보라색 영역은 더 좋지 않습니다
- 저희는 속도를 대폭 개선했으며, 이제 4.2 버전의 그래프는 다음과 같습니다.
If you compare the tall and wide purple areas from the two graphs, that means that we have achieved a 200% performance increase!
4 New Elements
이 4가지 새로운 요소에서 가장 마음에 드는 점은 요소를 PBS 작업 영역으로 일일이 드래그할 필요 없이 전체 웹페이지 섹션을 빠르고 효율적으로 만들 수 있다는 것입니다. 또한 디자인 요구 사항에 맞게 이 세 가지 새로운 요소를 사용자 지정할 수 있도록 다양한 스타일 중에서 선택할 수 있는 기회를 제공합니다.
Spacer Element
요소의 여백을 쉽게 조정하여 필요한 공간을 확보할 수 있습니다. 스페이서 요소는 이에 대한 대안으로 사용할 수 있습니다. 이는 모바일 화면에서 특정 행이 너무 작게 축소되지 않도록 하려는 경우에 특히 유용합니다.
Featurette Element
피처렛 요소를 사용하면 페이지의 섹션을 더 빠르게 만들 수 있습니다. 이러한 섹션에는 히어로 헤더, 캐러셀 추천글 및 페이지의 기능을 향상시키는 데 사용할 수 있는 기타 항목이 포함될 수 있습니다.
Since all of the Featurette Elements are pre-designed, all you’ll have to do is simply drag the “Featurette” button from the Elements Tab, and choose what you want to add on your workspace from there.
Team Members Element
팀 멤버 요소는 사이트 방문자에게 팀원을 소개하기에 완벽합니다. 일반적으로 이러한 섹션에는 팀원의 사진과 함께 하단에 간단한 설명이 포함됩니다.
Gallery Element
이 요소는 사진 갤러리를 만드는 데 사용됩니다. 이전에는 갤러리를 만들기 위해 개별 요소(버튼, 프레임 등)를 PBS 작업 공간으로 하나씩 드래그해야 했습니다. 하지만 이 새로운 요소가 이를 대신 처리해주므로 작업 과정이 훨씬 간편해집니다.
A Huge Thank You
4.2 버전은 지금까지의 업데이트 중 가장 중요한 업데이트 중 하나입니다. 결국 성능과 기능은 훌륭한 플러그인에 있어 매우 중요한 요소이기 때문입니다. 건설적인 피드백을 제공해주시고 저희의 여정에 응원을 보내주신 @Ann Taylor와 CodeInWP에 감사의 말씀을 전합니다. 그리고 모든 PBS 사용자 여러분께도 지속적인 성원에 깊은 감사를 드립니다.
조만간 더 많은 업데이트(약속드렸던 Google Fonts 기능 등 포함)가 출시될 예정이니 많은 기대 부탁드립니다!
그때까지, PBS 팀과 함께 즐겁게 사이트를 구축해 보세요!