#PBSUpdate: パフォーマンスが200%向上&新要素を追加

執筆者:

カテゴリ:

,

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ワークスペースに1つずつドラッグすることなく、完全なウェブページセクションを迅速かつ効率的に作成できることです。また、デザインのニーズに合わせてこれら3つの新要素をカスタマイズできるよう、さまざまなスタイルから選択する機能も用意しています。

Spacer Element

要素のマージンを調整して必要な余白を確保するのは簡単です。スペーサー要素はその代替として使用できます。これは、モバイル画面で特定の行が小さくなりすぎないようにしたい場合に特に便利です。

Featurette Element

フィーチャレット(featurette)要素を使用すると、ページのセクションをより迅速に作成できます。これらのセクションには、ヒーローヘッダー、カルーセル形式の推薦の声(お客様の声)、その他ページの機能を強化するために使用できる要素を含めることができます。

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ワークスペースに1つずつドラッグする必要がありました。 しかし、この新しい要素がそれを代行するため、手間をかけずに作成できるようになります。

A Huge Thank You

バージョン4.2は、私たちにとってこれまでで最も重要なアップデートの1つです。結局のところ、優れたプラグインにはパフォーマンスと機能性が不可欠です。建設的なフィードバックをくださり、私たちの歩みにエールを送ってくださった@Ann Taylor氏とCodeInWPに感謝いたします。そして、すべてのPBSユーザーの皆様へ、継続的なサポートに心より感謝申し上げます。

近々さらに多くのアップデートをリリース予定です(お約束していたGoogleフォント機能などを含む)。ぜひご期待ください!

それでは、PBSチームより、快適なサイト作りをお楽しみください!