Help us understand the problem. What is going on with this article?

高速なEC-CUBE2.17を激速に! 無料テンプレート eccube-on-bootstrap3-custom

まずはこのサンプルページを見てくれ。

http://eccube213-bs-custom.tk/

早いだろ……これ……GCE無料枠、US-WESTのサーバで出来てるんだぜ……

なおGTmetrixの結果はこんな感じ。Google PageSpeedなら堂々の96%。YSlowはCDNのフォールバック対応による犠牲を食らってます。
gtmetrix.jpg

というわけで、速度とBootstrap3にこだわったEC-CUBE2.17対応(2.13でも動作)テンプレートを公開。なお上記のサーバはPHP7.3系・EC-CUBE2.17で動いてます。

この記事は

EC-CUBE Advent Calendar 2019の記事です。
https://qiita.com/advent-calendar/2019/ec-cube

ダウンロード

https://github.com/koh-taka/eccube-on-bootstrap3-custom/releases/tag/v2-2019-12-18

GitHubのページも見てくれると嬉しい。

https://github.com/koh-taka/eccube-on-bootstrap3-custom

作成の経緯

実は数年前から、以下のテンプレートにお世話になっていました。2.13で、無料で、bootstrap3が使えてカスタマイズしやすいテンプレートでは、一番の完成度でした。

clicktx/eccube-on-bootstrap3

https://github.com/clicktx/eccube-on-bootstrap3

そして春頃より新しい環境にてEC-CUBEの構築を担当することとなり、再びこのテンプレートのご厄介になることに。せっかくなので、今までこのテンプレートを使っていた際の勘所や不満の解決、業務での経験で得たものを折込み、公開する形にしました。

カスタムのコンセプト

  1. Bootstrap は、日本語表示を改善させたカスタマイズテーマ Honoka 3.3.7 を利用する
  2. 可能な限り内部ライブラリを減らし、転送量を下げ、非同期ロードする
  3. お客様がわかりやすい・理解しやすい・ヘイトを溜めないECサイトとしての表現に直す

こんな方にお勧め

  • 運用サーバの速度が遅い
  • 運用サーバが従量制・転送量制課金である
  • Honokaの日本語処理・丸みを抑えたデザインが好きだ

その他の機能など

  • 商品詳細ページの画像スライダーはスマホでスワイプ操作できる
  • OGP対応。特にtwitter重視で導入
  • Google Analytics 拡張eコマース 中途半端に対応。商品・金額トラッキング可能
  • twitter/facebook/lineによる共有ボタン
  • 404ページを(割と強引な方法で)使いやすく(テストサーバでは未実装)

他、技術的な話はREADME.mdに書いたので、こちらを読んでいただければ幸いです。

速度の種明かし

……すみません。実はこのサンプルページの速度、種明かしがある訳で。

サーバースペック

  • Google Compute Engine m2.micro us-west(遅い方)
  • Apacheの代わりにLitespeed 1.4.4系(これが超絶速い)
  • PHP 7.3系(これも速い)
  • MySQL5.7の代わりにMariaDB(これ変わらない)

と言うわけで、GCPのマーケットプレイスからデプロイできる、litespeed公式のイメージを使用している。具体的には、WordPress入りイメージを使い、WordPressを全て削除し、ec-cubeをインストールしたような感じ。それでこの速度が得られる。

……もしかしたら、こちらを記事にしたほうがよかった……?

参考リンク
https://yusukesakai.com/archives/2125?amp=1

と言いつつ、あまりPageSpeedに怒られる事もないため、テンプレート自体の有用性は認められる、と思う。

さて明日は

@nanasess さんによるデザインパターンのお話です。

面識はありませんが、記事やフォーラムのコメントには何度も救われました。いつも助かっています。

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
Comments
No comments
Sign up for free and join this conversation.
If you already have a Qiita account
Why do not you register as a user and use Qiita more conveniently?
You need to log in to use this function. Qiita can be used more conveniently after logging in.
You seem to be reading articles frequently this month. Qiita can be used more conveniently after logging in.
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
ユーザーは見つかりませんでした