« ブログのトップページに戻る

大塚孝二 さんの投稿記事

About: 大塚孝二

Website
https://www.live-commerce.com
Profile
1984年 武蔵野美術大学 造形学部 基礎デザイン学科 卒業 美術館、博物館、科学館などのミュージアムグラフィックを約25年従事。 ミュージアムグラフィックとは美術館、博物館、科学館の情報グラフィックデザインとこと。 平たく言うと、ミュージアムのサインやグラフィック情報パネル、展示ラベル、ポスター、パンフレット、カタログ、ITコンテンツなどミュージアムに関するグラフィックやIT情報インターフェースデザインをいう。 その後、時代の流れとともにWebデザインの必要性を感じ、主としてとして前職の経験を活かし、デザインユーザービリティを追及したWebデザインを中心に活動している。 現在はWebクリエイターデザイン講師の仕事の傍ら、デジタルスタジオにてEコマースのインターフェースデザインの設計や本ブログにおいてWebデザイン周辺の情報発信を行っている。

パフォーマンス最適化

2009年9月16日 水曜日

本日、開発当初より課題となっていたホームページの表示速度に関して取り組みました。
以前会社のホームページでも実践したことがある内容だったので、前回の経験も生かしつつ、フレームワークの課題でもある「内部に多くのロジックを溜め込むことによる表示遅延」を実用レベルまで高速化できるかどうかが課題です。
今回は共用レンタルサーバでの利用を想定した範囲内にとどめるチューニングをやりました。
今回行った記録は、今後も最適化を行うことを考慮してWikiに残しておきました。(まだ書きかけだけど、地道に書き足してきます

Step1
まずは、キャッシュもなにもしないまったく最適化をしていない状態。

表示は1.837秒。表示速度はやはり遅く感じ取れる

表示は1.837秒。表示速度はやはり遅い

Step2
ヘッダーにexpiresの設定と、Gzip圧縮をセット

表示1.657秒。まだ遅い。

表示1.657秒。まだ遅く感じられる。

Step3
Step2 の内容にZend Cacheをセット
この結果は期待以上ですね。これならECサイトとしては十分でしょう。前回の記事で書いたCache機能が出来上がったcacheですが、いい仕事してます。

2回目のアクセス時で0.246秒。 これで実用レベルOKでしょう。

2回目のアクセス時で0.246秒。 これで実用レベルOKでしょう。

ヘッダーをGzip圧縮した結果はPort80 というサイトで無料で分析などができる。
step4

最終的なフロントエンドのソースコード周りはGoogleがFireFoxのFirebugアドオンで提供しているツールを使って、さらに改良中…。だが、ソースコードレベルだと一定以上の最適化を行うと、ブロードバンド回線とハイスペックマシンだとほとんど効果は期待できない。
step5

 

機能一覧

2009年9月8日 火曜日

Live Commerceの初期リリースで実装される機能をまとめました。機能一覧ページを作成しましたのでこちらで確認してください。

おおむねこれで決定で、あとはこれでOKというところまでひたすらバグつぶしです。
コア系の機能は必要最低限に絞り込み、今後要望があるであろう機能はすべてプラグインで実現させる方向性で考えています。

コア機能として実装したキャッシュ機能を説明しておきたいと思います。
ロジック的なものはZend Frameworkにある Zend Cacheです。 

管理画面のインターフェースは↓こちらのような感じで、それぞれの役割パート別にキャッシュを生成し、キャッシュ時間をそれぞれ指定できるのが特徴です。

キャッシュの管理画面

キャッシュの管理画面

キャッシュされたファイルは一般的な /tmp ディレクトリではく、共用サーバを重視して各ユーザー毎にディレクトリのcacheに保存されるようにした。例 ) home/****/cache/

キャッシュされたファイルはFTPからcacheディレクトリのファイルを直接削除することも可能

キャッシュされたファイルはFTPからcacheディレクトリのファイルを直接削除することも可能

 

ECサイトの管理画面TOPページに必要な機能とは?

2009年7月28日 火曜日

現在のLive Commerceの管理画面
Live Commerce管理画面

 

カタログ スクリーンショット公開

2009年5月20日 水曜日

本日、カタログページのスクリーンショットを公開します。
全ページではなく、特徴のあるページだけを抜き出して今回は掲載させていただきました。
カタログのオンラインデモ公開は6月中旬を予定しています。

osCommerce、Zencartの時代から使ってきたのでこれらのECサイトとして標準採用されていたインターフェースを改善し、標準で配布予定のテーマデザインにはクリアで透明性のあるデザインにしました。
いろいろと意見があると思いますので是非ともご意見をいただきたく、ご意見があればコメントかwebmaster@live-commerce.com までメールお願いします。
初期版として採用するデザイン幅は固定のものとし、同じくosCommerceのデフォルトデザインである動的幅で3カラム型のデザインも初期版のテンプレートに実装されます。初期リリースではLive CommerceオフィシャルのテーマとosSCommerce時代から引き継がれる3カラムタイプのデザインテーマとなります。

トップページ
トップページ

カテゴリページ
カテゴリページ
(さらに…)

 

ECサイトに求める機能 ポイントシステム アンケートお願いします!

2009年5月17日 日曜日

結果だけを見る

関連するリンク