速いレスポンシブECサイト。navigation>年末年始休業につきまして【本日】誠に勝手ながら、全社員研修のため、2017年4月20日(木)の13:00以降はお電話によるサポート受付を休止させていただきます。TOPモバイルファーストマーケティングラボモバイルファーストマーケティングラボ速いレスポンシブECサイト。速いレスポンシブECサイト。どのようにして表示速度の問題解決したのか。レスポンシブWEBデザインでのECサイト、残された課題は?表示速度は遅くない。速いレスポンシブWEBデザインでのECサイト以下はaishipRで構築したレスポンシブWEBデザインでのテンプレートECサイトと国内の主要な非レスポンシブECサイト構築ASP・モールの5社-10店舗のLTEでのスマートフォン平均表示速度(ロード時間)の比較です。右の非レスポンシブECサイトASPとは、これまでのPC向けにはPCサイト、スマホ向けにはスマホサイトを構築したECサイトです。左はその名の通りレスポンシブECサイト構築専用ASP「aishipR」上で構築したレスポンシブECサイトです。この数値を見ていただくと、「レスポンシブWEBデザインでのECサイトの表示速度は遅い」なんてことは全く言えません。レスポンシブWEBデザインのデメリットとして「表示速度が遅い」、「デバイス毎のデザイン訴求性が低い」の2つの大きな課題がよく上げられます。これらの課題で「レスポンシブWEBデザインは良くない」と主張する人がいれば、あまりレスポンシブWEBデザインの運用について詳しくない方なのかもしれません。PCやスマホのページ毎のロード時間を比較もう少し詳しく、以下の光回線でのPCとLTEでのスマホ各ページのロード時間やファーストビュー(FV)表示時間の比較表を見ていただくと良くわかりますが、遅いどころか「レスポンシブECサイトは速い!」ともいえます。国内主要の優秀なECサイト構築ASP:メイクショップさん(www.makeshop.jp/)、フューチャーショップさん(www.future-shop.jp/)、スクラッチ型ECサイト構築のECbeingさん(www.ecbeing.net/)、そしてYahoo!ショッピングさん、楽天さんからそれぞれ2店選定した非レスポンシブECサイト10店とレスポンシブECサイトについて、スマートフォンでの表示の速度比較詳細です。◇同等データ量・コンテンツ量かつスマートフォンサイト対応済のサイトを無作為に2つ選び、サンプルとして計測。参考に以下がレスポンシブECサイト(aishipR)と主要5社のASP毎の非レスポンシブECサイト表示速度比較です。レスポンシブWEBデザインの「遅い表示速度」をどのように速く解決しているのかレスポンシブWEBデザインでのECサイトの表示速度が遅い理由としてよく以下の内容が言われています。「どのようなデバイスに対しても、同じURL-同じソースコードで対応させようというのがレスポンシブWEBデザインで、そうするとスマホに対してもPC向けの無駄なソースや画像サイズなどを読み込むから動作が遅くなる」どのようにして表示速度の問題解決したのか。aishipRではどのように表示速度の問題を解決しているのでしょうか。aishipRでレスポンシブECサイトを構築運用すると「遅くない」のでしょうか。詳しい技術情報は控えますが、大きくは以下の3点です。RESS技術CDN(コンテンツ・デリバリ・ネットワーク)レスポンシブWEBデザインのマークアップ技術レスポンシブWEBデザインはそもそもCSS側で各デバイスのレイアウトを調整します。普通にデザイン制作するだけでは課題解決がなかなか難しいのが現状です。そこで、aishipRではレスポンシブWEBデザインでECサイトをデザイン制作する側でなく、そのレスポンシブWEBデザインのECサイトを運用するサーバやネットワーク側で表示速度を早くする処理を施しています。上記の「RESS技術」「CDN」がそれに該当します。具体的には、RESS技術とはサーバサイドでアクセスデバイスに応じて画像を圧縮する処理やソースコードをチューニングする処理を施し、サイト全体の容量を軽量化し表示速度を改善しています。CDNとはコンテンツ(ECの場合は多くは画像)をインターネット経由で配信するために最適化されたネットワークを通じてユーザの端末に表示することで、表示速度を速くするものです。参考:CDNでウェブサイトを高速化これらRESS技術やCDNにより、ECサイトの制作者はあまり難しいことを考えずにレスポンシブWEBデザインのECサイトをaishipR上に制作すれば、サーバやネットワーク上で勝手に表示速度を早くしてくれます。3.レスポンシブWEBデザインのマークアップ技術については、当然ながらレスポンシブWEBデザインの制作の際に「軽くすることを考えて作る」ということです。Load(レイジーロード)なども重要な技術です。これらを組み合わせることで、レスポンシブWEBデザイン「遅い表示速度」の課題は解決すると言えます。ここでレスポンシブECサイトの表示速度を速くするポイントと言えるのは、aishipRのようなレスポンシブ専用のRESS技術やCDNなどを標準搭載したクラウド型ECサイト構築ASP上で、レスポンシブECサイトを構築運用する必要があるということです。これらの施策を自社で準備するのは難しい自分たちで準備したサーバやこれまでのECサイトASP上では、この問題解決が難しいため結局レスポンシブECサイトの運用は上手く行きません。(膨大な設備投資をして自前でこれらのサーバやネットワーク導入すれば別ですが)これらのついては以下の2つ(オープンソースのECCUBEとレスポンシブ専用aishipR)のレスポンシブWEBデザインでのECサイトのロード時間を比べるとよくわかります。WebDevToolsにてそれぞれ3回計測の平均値を採用。測定実施前には必ずキャッシュ削除を実施。優秀なECのオープンソース:ECCUBEでも、結局ECCUBE側(オープンソース側)や制作側ではこれらの問題解決ができないため、普通にECCUBEでレスポンシブECサイトを構築するだけでは表示速度の問題は解決できません。要は、レスポンシブWEBデザインのECサイトはレスポンシブECサイトを運用するための専用プラットフォームを利用してはじめて遅さの問題を解決でき、その運用が実現できるということが言えます。レスポンシブWEBデザインでのECサイト、残された課題は?この1年でECサイトのレスポンシブ化にチャレンジしたECサイト様の売上前年比は、ほぼ全サイト様がすこぶる好調です。レスポンシブ化の直接的な影響はどこまであるのか等含め現在aishipRでこれらの検証中で、レスポンシブ化したECサイト様の導入メリット・デメリット含め調査を行っているので、近く一部の情報を公開する予定です。私たちはこの1年でレスポンシブECサイト導入100社の取組を通じて、これらの問題を解決しマルチスクリーン対応が必要なECサイトには「レスポンシブWEBデザイン」が最も優れた構成であることを確信しました。当然ながら、表示速度の改善はあくなき追求をしていくことには変わりなく、当面目指す絶対指標はファーストビューを1秒以内で表示することです。残された、レスポンシブWEBデザインのECサイトへの適用課題は組織的に導入することに関する意識だけのように思います。モバイルファースト・マーケティングラボ.”スマホで売れる”ためには必須の「レスポンシブECサイト」とは?2019年、ECサイトの利用者は今やスマ―トフォンからが7割を超え、市場のニーズは完全にPCからスマホに転換しました。検索エンジン大手のGoogleも「モバイルファーストインデックス」を打ち出し、スマホ対応の手段として正式に「レスポンシブWEBデザイン」を推奨しています。そのような背景から、昨今のEC市場ではスマートフォンへの適切な対応が急務となっており「レスポンシブECサイト」のニーズが非常に高まってきています。本パンフレットではECサイト運営を取り巻く環境の変化を、レスポンシブECサイト構築導入実績No.1のプラットフォームである「aishipR」の機能や実績を踏まえながらまとめました。・レスポンシブECサイトがなぜ今選ばれるのか・これまでのECサイトの課題とは何なのか・どのようにすれば解決できるのかといったノウハウから、プラットフォーム変更で得られる効果の実例まで網羅して解説しています。ECサイトの運営されておられる経営者様だけでなく、運営担当者様にも必ずお役に立つ内容となっておりますので、是非ご活用ください。無料パンフレットを請求するABOUTモバイルファーストマーケティングラボとは、スマートフォン/タブレット/PCに対応したレスポンシブECサイトの構築や成功事例の最新情報を発信するブログです。2014年~2015年頃には最も多いインターネット利用端末がモバイルとなり、いよいよインターネットマーケティングにおいてモバイルファースト時代が到来します。』へとパラダイムシフトしています。ファースト)に移行することが必要となります。お手伝いすることです。ご利用いただくまでになりました。ウ』を基にこれからも本当に必要とされるサービスの開発と改善を行い、『モバイルマーケティングでは最も役に立つ、絶対必要な存在』になりたいと思います。多くの商品やサービスをもっと消費者の身近な存在にすることで感動あふれる世の中にしたいと思います。2013.02.19前回はレスポンシブサイトの制作ワークフローについてディレクターの方がご理解いただく点をご案内いたしました。2016.02.23今日、クレジットカード決済やPayPal決済など、ECサイトでは多くの決済手段が用意されており、そのどれもが利用されています。2017.03.30今回はネットショップをレスポンシブウェブデザインにすべき理由を考察します。これまでネットショップの多くはPC中心のサイト運営をしてきました。コメントをキャンセルメールアドレスが公開されることはありません。コメント名前メールアドレスサイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。自社ECサイト運営でASPをオススメする理由モバイルファーストラボ。