ブログ

Shifter上でページビルダー 「WP Page Builder by Themeum」 を検証してみました！

HBT

Shifter は数多くの WordCamp へのスポンサーとを通じて世界各地に出かけています。また現地では、 WordPress のコミュニティでさまざまな活動を行う、数多くの有志の企業と出会いました。

わたしたちのコミュニティへの貢献
https://www.digitalcube.jp/about/community-contribution/

その中の企業の一つに、 WordPress のテーマやプラグインの開発を手がける Themeum社があり、お互いに WordCamp Kuala Lumpur のフェロースポンサーで、お隣のブースだった私たちは、ぜひ Themeum社のプロダクトを Shifter 上でトライしたいと話していました。

ページビルダーと Shifter
ページビルダーと Shifter は相性バツグンです。
この種のコンテンツエディタで作成できるレイアウトやページのクォリティと多様さがいまどきのブームになっていて、特にこのWP Page Builderではユニークなレイアウトの作成・カスタマイズ・作成済みレイアウトのインポートといった機能が実に簡単にできるようになっています。

ページビルダーを Shifter で利用する最大の利点は、レイアウトを組む際に、静的サイトではページの読み込み速度のボトルネックとなりうるデータベースへのアクセス自体が存在しないため、サイトの遅延などを気にする必要がない点です。

WordPress のコアには Gutenberg があるにもかかわらず、ページビルダーは Gutenberg ブロックエディタよりも優勢であると確信しています。ページビルダープロダクトのチームによる高速な開発がもたらす効果は、単に専門のチームがプロダクトを開発・保守しているだけでなく、Gutenberg という新しいテーマ開発ツールの巨大なエコシステムを構築しようとしているからに他なりません。

WordPress Page Builder事始め
プラグインはプレミアム版もありますが、フリー版は WordPress のプラグインディレクトリに掲載され、フリーで利用可能です。

フリー版は、ブロックエディタ、レイアウトビルダ、プリセットされたフルページレイアウトのオプションなどを用意しています。プレミアム版にしかないコンポートネントもありますが、まずはフリー版で利用を開始するといいでしょう。

WordPress Page Builder by Themeum を使い始めるためのムービーを作ってみました。

https://www.youtube.com/watch?v=R9Rq_rCsi2Y

Shifter での WordPress ページビルダのウェブページテストベンチマーク

世界中のさまざまなロケーションからアクセスできる、フリーなテストツール、WebPageTest.org を使って、ベンチマークを取ってみました。単なる好奇心からです。

可用性と簡単なオプションをチェックするため、WebPageTestを利用しました。

テストはを3回実行しています。
アクセス元の設定は、バージニアで平均的なケーブル回線を指定しました。また、訪問ごとに再テストを実行し、リピートビューも記録するように設定してあります。

キャッシュの無い、初回のロード時間は1.094秒で、1秒をわずかながら上回りました。1秒未満だと大変好ましいのですが、このくらいの数字であれば、なかなかよいといえるでしょう。
リピート表示では、初回よりも 2/100 秒程早い1.074秒でした。

Shifter のサイトは WordPress ページビルダーを採用している点にも注目してください。
Time to First Byte (TTFB)、画像圧縮、静的コンテンツのキャッシュや CDN の利用効果といったすべてのカテゴリにおいて、 WordPress ページビルダーを採用した Shifter は、Aランクと評価されても不思議ではありません。

テストを行った Shifter の WordPress 設定はすべてデフォルトとなっており、キャッシュ系プラグインや特別なカスタマイズは施していません。Themeumの他プロダクト

Themeum チームは数多くのテーマや Mega Menuといったプラグインを開発しています。

特に Mega Menu は、きちんと動作するこのタイプのウェブコンポーネントが実に少ないため、見つけたときは驚きを隠せませんでした。

テーマビルダーやレイアウトプラグインなど進歩にメニューはまだ追いついておらず、なかなか苦労させられるところです。しかし、Mega Menu by Themeum はこの苦労を”ゼロ”にしてくれる数少ないラグインです！

WP Page Buildeと同じくShifterにもフリートライアルがあります。
スタティックサイトジェネレーター上でのページビルダーの使いごごちをぜひお試しください！
https://ja.getshifter.io/ja/