eコマースサイトの性能を向上させる方法

Sep 13, 2025

操作方法

タミーエラーツ でのデザイン、パフォーマンス、および変換率の間の接続について表示します。 ニューヨークを生成します 4月28日に。 今日のチケットを入手してください ！

ニューヨークにすることができない場合は、Web Performance Pioneer Steve Soudersで関連する話があります。 サンフランシスコを生成します 6月9日に。

ユーザーデータを分析する方法はどのようなツールですか？
ha！これは簡単な質問です：私は使います MPULSE. 、本当のユーザ監視と分析ソリューションはここで石乳で開発されました。 MPULSEを使用する前に、私はの組み合わせを使用しました WebPagetest. そしてGoogle Analytics。 WebPageTestは、負荷時間の合成測定、レンダリング時間、およびページサイズとコンポジションの合成測定が可能な最良のフリーツールの1つです。私たちが驚異的に監視していないサイト上のページの迅速な測定をしたいのは、まだ私の行った解決策です。

2つの解決策は表面的に類似しているように思われるので、私はよくGoogle Analyticsとどのように異なるかをよく尋ねられます。実際、2つのツールはかなり補完的なので、私たちのMPULSEユーザーのほとんどはGoogle Analyticsを使用しています。

Google Analyticsは、あなたがあなたのマーケティング、SEO、および広告宣伝の有効性を一般的なWeb分析を通じて費やすのを助けます。 Sweasta Mpulseはあなたのビジネスメトリックを直接改善するためにあなたの最適化の取り組みを焦点を合わせるべきことを見せて、あなたがあなたのページを段階的に速くするかどうかをあなたに何を生み出すことができるかをあなたに示すために予測分析をあなたに示すために予測分析を使います。そして、よりスマートなパフォーマンスとロードテストを構築するためのより良いデータを提供するので、あなたのサイトは交通スパイクの間に崩壊しません。

あなたが知る必要があるものに集中するためにあなたのデータをどのようにドリルダウンしますか？
それは私が理解しようとしているものによります。私が言及したように、私はMPULSEダッシュボードを使用して、バウンス率とセッション長のようなメトリックのロード時間がメトリックに影響する方法にリアルタイムと履歴の洞察を得るために、MPULSEダッシュボードを使用します。私たちのより深いデータサイエンスエンジンを使ってそこからの束のある方向にドリルダウンすることができます。

私たちの予測分析機能を使用します - 私たちの予測分析機能は、ページをより早く遅くするのか（100ミリ秒ほどの小さい増分で）バウンス率、変換率などにどのように影響するかを理解します。

Tammy Everts uses mPulse to understand how the load times of pages affect certain metrics — Tammy EverTSはMPULSEを使用して、ページのロード時間が特定のメトリックにどのように影響するかを理解しています。

どのページが相対的なパフォーマンスの観点から変換に最も影響を与えるかを知りたい場合は、サイト上のすべてのページグループの変換インパクトスコアを取得します。変換インパクトスコアのスコアに答える：のパフォーマンスはどれだけ影響しますかこのページが変わっている？

サイトの所有者が重要だったページを最適化していたので、このメトリックを作成する必要があることに気付きましたが、収益と変換数を調べたときに結果を見ていませんでした。今度は、特定のページタイプをより早くすると、他のページを最適化するのが多くの違いはありません。

サイト上のさまざまな種類のページのスコアを知っている場合は、最適線に直接貢献する予定のページに最適化の取り組みを集中させることができます。これらはほんの数例です。もっとたくさんあります。

mPulse's Conversion Impact Scores tell you how much impact the performance of specific pages has on conversions — MPULSEの変換インパクトスコア特定のページのパフォーマンスが変換にある影響がどのくらいの影響を与えます。

どうやってこれを行動に入れますか？
このレベルの分析についての素晴らしいことは、次のステップが明確になることです。このデータにアクセスできる人は誰でも、組織全体で非常にアクセスできます - それを見ることができ、どのページグループを修正する必要があるページグループのパンチリストを生成し、それらのページに修正する必要があるかのパンチリストを生成できます。それ以上の推測はありません。そして、あなたはあなたの努力が支払うことを知っています。

現在遅いウェブサイトに責任がある3つの主なことは何ですか？
画像、第三者、スクリプト。画像は平均ページの重さの3分の2を占めており、多くの画像は完全にオプションではありません。私は文字通り何百ものサードパーティのタグを持つ小売およびメディアサイトを見て、それはあなたのページを完全に遅くするかブロックすることができます。そしてそこに悪いJavaScriptがたくさんあります。

1日にeコマースサイトを最適化するための3つのクイックヒントを教えてください。
私が知っているデザイナー/開発者は、彼女が新しいギグを始めるとき、彼女が最初にぶら下がっていることを修正することで、すぐに荷物時間を半分に切ることができます。その結果：彼女は即時のRockstarの状態を取得し、より深い最適化を提案できるように、より重要で、尊敬と信頼性を得ます。

画像から始めます。彼らは正しい形式でありますか？彼らは正しい大きさですか？彼らは圧縮されていますか？彼らは状況敏感です、それであなたは誰かの電話に1000ピクセルの画像をロードしていませんか？

あなたの第三者を監査します。あなたのサイトのすべての第三者のスクリプトがあなたのためにやっているのか知っていますか？それがあなたのページを遅くしているかどうか知っていますか、そしてそうなら、どれだけのものによって？あなたはリアルタイムであなたの第三者を監視していますので、スクリプトが反応しないときに警告を受け取りますか？あなたのページに死んだスクリプトがありますか。タグマネージャを使用していると考えましたか。

デザイン要因がコンバージョンレートに影響を与える可能性がある方法のいくつかの例を教えてください。
ゾーチャーの顧客の1つ、狂信者また、サイトのフロントエンドに対して行われた最大の変更のうちの2つの最大の変更スプリントは、疑い上シンプルでした。画像の品質と圧縮を最適化し、それらはページロードをブロックしていたイメージスプライトを固定しました。これらの変更は、それらの中央荷重時間とほぼ2倍のモバイル変換の2秒の改善に貢献しました。

Two fairly small changes to the frontend of the Fanatics site almost doubled mobile conversions — ファナティクスサイトのフロントエンドの2つのかなり小さい変更点は、モバイル変換がほぼ2倍になりました

別の驚異的な顧客、Etsyは、追加されたページの重さがユーザーの動作にどのような影響を与えるかを見るために、彼らが彼らのモバイルアプリに160kbの隠されたイメージを追加したところで興味深い小さな実験をしました。バウンス率が12％増加した。

ブラウザやデバイス間でeコマースサイトのパフォーマンスをどのようにテストしますか？
これはあなたが使用するテストおよび監視ツールに並ぶ。良いデジタルパフォーマンスプラットフォームで、これらの異なるコホートにドリルダウンすることができます。 1つのデバイスやブラウザで非常に優しい場所が別のデバイスやブラウザで非常に優しいアプリが完全に失敗する可能性があるため、これを実行するのは絶対に不可欠です。そして、あなたは集約されたまたは高レベルのパフォーマンス番号を見ることによってそれについて学ぶことはありません。

私はそれが3月のみだと知っていますが、eコマースストアの所有者が今年のブラックフライデーの準備をすることができるのでしょうか。
オンライン小売業者ができることの1つのことは、マーケティングキャンペーンを作成、監視、最適化するためのより良いプロセスの開発を開始することです。私は、買い物客を驚くほど遅い場所に直接転覆する多くの電子メールと宣伝キャンペーンを見ます。キャンペーンを立ち上げるための急増で、小売業者は顧客に10,20,30以上の秒数秒かかる顧客にサービスを提供しています - そしてこれらの負荷時間は最も確実に売上を傷つけます。

オンラインプロモーションの実行は、潜在的にあなたの顧客基盤をタップするのに最適な方法です - 特に休暇中はこの戦略には新しいリスクのセットが付属しています。キャンペーンがどのように実行されているかに触れるのが激しく簡単です。遅いランディングページはあなたのキャンペーンの弱い場所です。ピーク変換のためのロード時間の「スイートスポット」はわずか2.4秒です。その後、100ミリ秒の減速毎に変換に測定可能な影響があります。

ランディングページにパフォーマンスの問題がある場合は、キャンペーンを起動してから数分以内にポップアップしますが、自分が見ているのを見ているのか知っている場合にのみ、それらの問題がポップアップされます。それが、パフォーマンスを監視し、欠陥の検索、修正、ページまたはオファーの最適化、およびキャンペーンがどのように変換対象を満たしているかを追跡したい場合です - リアルタイムで。

洗剤で機械学習をどのように使用しますか？
パフォーマンス業界には、ユーザーデータの100パーセントを収集する必要がないという神話があります。あなたがそれを保つ必要がないもう一つの神話があります。これは、過去に、収集されるデータの約5パーセントしか意味のある方法で使用されます。ゾーチャーでは、私たちの戦略は、企業がすべてのユーザーデータを収集し続けることだけではありません：それは彼らのデータの他の95パーセントから意味のある洞察を抽出する方法を彼らに見せることです。

機械学習の主要な使用例の1つは、コンテキストを作成することです。たとえば、当社のお客様は機械学習を使用してリアルタイムキャンペーン監視を行うことができます。最大の問題の小売業者の1つは、発売時に彼らのマーケティングキャンペーンの大部分が失敗することを損なうことに苦しんでいます - そして彼らはそれが遅すぎるまでこれを見ません。 Marketing Analyticsシステムは、500万ドルのEメールキャンペーンを開始したばかりで、失敗したことを判断するための情報を提供しません。明日を見つけることができます。

それで、新しいキャンペーンを開始する前に、あなたは通常のものを確立するためにあなたの歴史的なトラフィックをすべて勉強するために機械学習を使います。それからあなたはリアルタイムで、それらの許容範囲と並置されているユーザーの行動をプロットすることができます。あなたはそのメトリック、アクティビティ、または収益の達成が範囲外になるのであるときだけ警告を起こします。そして、それが重要なときに、あなたはすぐに問題を解決します。

それが一例です。とてもたくさんあります、そして、私たちはまだ可能なものの点で氷山の先端を探索しています。

In her session at Generate New York, Tammy Everts will outline how and why to gather real user data, extract action-oriented insights and improve business metrics — ニューヨークの生成時の彼女のセッションでは、Tammy Evertsは実際のユーザーデータを収集し、その理由、アクション指向の洞察を抽出し、ビジネスメトリックを改善する理由を概説します。

人々はあなたの話から離れていくことができる ニューヨークを生成します ？
Webパフォーマンスは業績です。サイロを分割することについて話すことになるようになりますが、クリヒーはまだ本当です。開発者、デザイナー、UX人、マーケティング担当者、ビジネスオーナー...私たち全員が私たちの泡の外に入る必要があり、私たちがサイトやアプリを構築する方法についてすべての決断があることを理解する必要があります。

幸いなことに、私達は私達に360度のパフォーマンスの見方を与えることができるツールとメトリックの急速に進化しています。私は人々にこれらのツールとメトリックをどのように権限にするかを見たいです。

あなたがオンラインで購入した最後のことは何ですか？
私はギャップからいくつかの子供服を買いました、そして全体の経験 - 私の注文を受け取るためにサイトを使って - とても速かった！

私は彼らのオンライン調査を記入したトランザクションの終わりにとても幸せでした...小売業者として、あなたの顧客の理解になるようになるとあなたは塩の粒穀物であなたのオンライン調査結果を取るべきです。それらを記入している人々は本当に幸せか本当にイライラしています。彼らはその間の人々の巨大なコホートを表していません。調査は面白いですが、それらは実際のユーザーデータの代わりになりません。

ニューヨークを生成します 4月28日には、Sara Soueidan、Steve Fisher、Mina Markham、Abby Covert、Jennifer Brookのお気に入りに14話があります。彼らはデザインシステム、ユーザー研究、情報アーキテクチャ、会話型インターフェースをカバーします。

会議は、使いやすさテスト、フロントエンドツーリング、情報アーキテクチャ、およびデザインとコンテンツのスプリントに関するワークショップの日々の前にあります。もし、あんたが 結合ワークショップと会議パスを購入する 、あなたはするであろう 125ドルを節約します ！しかし、急いで、ワークショップのための場所だけが限られています。

NYC会議にすることができない場合は、1つもあります サンフランシスコ 6月9日に。チケットは今発売中です。

eコマースサイトの性能を向上させる方法

操作方法 - 最も人気のある記事

Mac上でスクリーンショットを取る方法

メディアクエリなしで適応レイアウトを構築する

ARアプリの構築方法

Photoshopで現実的な波を描く方法

Illustratorの製品アイコンのセットを作成する

これらの5つの要因と反応するように頭を取ります

プライマーを使ってあなたのパステルにテクスチャを追加する方法

3DS MAXで流星シャワーを作成する

カテゴリ