WordPressサイトを最も高速&安全に運用できる静的化サービス
アトリエ・マーニ(https://atelier-mani.jp/)

株式会社メタ・グラマー / 代表取締役 鎌田義昭様

グラフィックデザインやモバイルアプリのデザイン・開発事業に取り組む株式会社メタ・グラマー様。特にiOSアプリケーションについては、120件以上の開発実績を誇ります(2018年現在)。

代表取締役の鎌田義昭様は趣味として始めた陶芸も玄人はだしで、事務所にろくろや電気釜を備え付けておられるほど。そうして作りあげた作品を自ら立ち上げて運営するWebサイトで紹介しておられます。

今回はespar導入のきっかけや導入時の手間、導入後の変化などについてお話をおうかがいました。

課題は、画像サイズに起因する表示のもっさり感

esparを導入しているWebサイトをお教えください。

鎌田様
趣味でやっている陶芸の日々の記録を残していくWebサイト『ふだん使いの陶のうつわや小物たち アトリエ・マーニ』にesparを導入しています。公開して約2年になりますが、ビジネスというよりも趣味の記録として役立っているのが現状ですね。

espar導入前は、どんな課題や問題を抱えておられたんでしょうか。

鎌田様
『アトリエ・マーニ』のWebサイトは、メインの写真と少しの文章で構成されています。更新頻度は意外に高くて、仕事用のブログよりもよく更新しています。Wordpressで運営しているのですが、写真サイズが大きいせいで負荷が高くなったのか、投稿数が増えるほどに表示がもっさりとした感じになってきていました。そんな時、大石さんから直接esparをご案内いただいたのが導入のきっかけです。

メタ・グラマー様は、esparのロゴマークをデザインされたんですよね。

鎌田様
実はそうなんです。esparの開発段階から参画させていただいていて、もちろんお話もうかがっていました。でもどのぐらい速くなるか、どんな作業をすればesparを利用できるのかに関しては全然知らなくて。でも、大石さんが「速くなりますよ」と言ってくださるなら、それはもう間違いないだろうと(笑)

(鎌田様のアトリエに並ぶ多くの作品。アトリエ・マーニのサイトで日々紹介されている)

DNS変更手続きだけで、高速化と常時SSL化の課題が解決

espar導入までに、ご自身で高速化対策を講じましたか。

鎌田様
画像ファイルのサイズが大きく、それが表示速度に影響していることはわかっていました。ですから、写真サイズをなんとかしないといけないとは思っていましたが、手を付ける前にお声掛けいただいたのでラッキーでしたね。あとは常時SSL化(https)の対策もしなければ、と考えていました。

当時、常時SSL化はまだだったんですね。

鎌田様
こちらも自分でなんとかしないとなぁ、と思っていました。ただ、自社でショッピングサイトを持っていて、数年前にそのサイトの常時SSL化を自分でやった時の、設定に難儀した記憶が残っていて……。当時はまだ今のように簡単に設定できる仕組みが実装される前で、うまくいかなくてページが表示されなくなった経験もしました。

それは大変でしたね。

鎌田様
そうした経験から「またあの経験をするのか」と考えるだけで、少しずつ作業予定が先送りになっていました。そのぐらい面倒に感じていたんですよ。でもespar導入で、その面倒からも解放されるということでタイミングが良かったです。

espar導入までのプロセスはいかがでしたか。

鎌田様
esparの特徴は何もしなくていいこと。私がしたのは最初の導入するという意思決定と、最後にDNSを変更したことだけです。そのDNS変更も、大石さんから「やりますよ」と言っていただいたので、本当は変更作業すらしなくて良かったのですが、さすがにこのぐらいは自分でやろうと(笑)

手に入れたのは、爆速と安心感

導入後はいかがですか。

鎌田様
導入前と、日々の運用が何も変わらないことが凄いです。更新作業の段取りも流れも、以前と同じ。言ってしまうと、esparを導入した実感はゼロ。でも速度だけは爆速に変化しています。

表示速度の変化に驚かれましたか。

鎌田様
まさに桁外れという表現が適切なほど速くなりました。最初に見た瞬間は、驚くというか唖然としましたね(笑)

速度以外で、導入後に変わったことはありますか。

鎌田様
一番大きな変化は安心感でしょうか。自分でWordpressのPHPやプラグインを触った時に、時々ページが表示されなかったりするトラブルが起こります。そうした場合も静的化されたトラブル前のWebサイトが公開されているのでまったく問題ありません。これまでよりも安心感が増したと感じています。まさに、公開用とテスト用の2つのサイトを持っている感覚ですね。

(画像のクオリティは落とさず、htmlを返す速度を静的化で改善する事で爆速なサイトに変わった)

何も要望がないくらい大満足

今後追加して欲しい機能などのご要望があればお教えください。

鎌田様
今後投稿数が増えていけば、部分的に静的化するような機能が欲しくなると思います。更新に時間が掛かるでしょうから。今もパスを指定すれば部分的に静的化できるのですが、もっと簡単に静的ページと動的ページが選択できたら嬉しいです。 でも、今のところは問題なく、何か変えて欲しい要素がないぐらい満足しています。

(右 : メタ・グラマー代表取締役 鎌田義昭様 / 左 : 弊社代表 大石)

インタビューを終えて

esparは既存サイトにそのまま適用できることを特徴としているため、『espar を導入した実感がゼロ』と仰って頂いたことが何より嬉しいお言葉でした。

アトリエ・マーニのサイトでは、Jetpackプラグインを使用しておられます。実は、一般的な静的化アプローチ(静的化プラグインの利用等)では静的化するのが難しいのですが、espar の静的化エンジンと静的ホスティング環境が連携することで問題なく静的化することができました。

ちなみにメタ・グラマー様とは10年以上のお付き合いになります。共にDIY好きという共通点から個人的にアトリエ・マーニのサイトをよく拝見していましたが、高速化により一閲覧者として他のページも見る頻度が上がったことを実感しています。(大石)

事例サマリー
サイト名 ふだん使いの陶のうつわや小物たち アトリエ・マーニ
URL https://atelier-mani.jp/
espar導入前の課題 各ページの表示に3秒以上要していた。サイトが重い状態を改善したいという課題を抱えていた。常時SSL化対応は先送りになっていた
espar導入後の結果 スピードが最大15倍に向上 (TTFBベース)。常時SSL化も同時に完了
インタビュー日 2018年6月27日