「チャットウィジェットは私のサイトを遅くしますか？」WordPressのオーナーから常に聞かれます。彼らはチャットを求めています。顧客がメールアドレスを探さなくても連絡できるようにしたいからです。しかし、それにはコストがかかるという漠然とした感覚を持っており、そのコストがどれくらいなのかを誰も教えてくれたことがありません。
そこで測定しました。同じWordPressページ、同じ日：人気のホスト型ウィジェットを使用した場合、WPChatのチャットボタンを使用した場合、チャットなしの場合。
短い答えは、どのチャットウィジェットもあなたのサイトを壊すことはないということです。しかし、それらの間のギャップは、あなたが思うよりも大きいです。
一般的なホスト型ウィジェットは、3つの外部サーバーから取得した、約2枚の大きな写真分のファイルを取り込みました。WPChatのボタンは同じ仕事をし、顧客がそれをタップしてあなたに連絡しますが、その半分の負荷で、1つのサーバーから取得します。それはあなたのサーバーです。
以下では、それぞれがあなたのページに何を追加するか、なぜファイルの取得元がファイルサイズよりも重要なのか、そしてあなたのサイトを5分でチェックする方法を説明します。
この記事では:
チャットウィジェットは実際にあなたのページにいくらコストをかけているのか？
あなたはあなたのサイトにチャットウィジェットを置きたいと思っています。質問のある顧客は、連絡先ページを探し回るのではなく、ボタンをタップしてあなたに連絡できるはずです。誰もあなたに見せてくれない部分は、あなたが選んだウィジェットがそれを実現するためにあなたのページに何を追加するかということです。
そこで、同じ日に同じWordPressページを3回読み込み、Chrome DevToolsですべての受信ファイルを記録しました。1回目はtawk.toのホスト型チャットウィジェットを使用し、2回目はWPChatを使用し、3回目はチャットなしでした。
tawk.toウィジェットは、37のリクエストで552KBを取り込み、それらのリクエストはあなたが所有していない3つのサーバーに送信されました。552KBは約2枚の大きな写真の重さに相当します。
WPChatのチャットボタンは、21のリクエストで311KBで同じ仕事をし、すべて1つのサーバーから取得しました。そのサーバーはあなたのサイトのプラグインフォルダにあるため、あなたのものです。
これらの数値のどちらもサイトを壊すものではありません。チャットウィジェットを搭載したページは、依然として読み込まれ、良好なスコアを維持し、機能します。
各ウィジェットが実際に読み込むもの
チャットウィジェットは単一のファイルではありません。それは、それを実行するためのスクリプト、それを正しく表示するためのスタイルシート、アイコン用のフォント、そしてウィジェットがどこから来たのかへの一連のコールバックです。
それらのすべては、訪問者のブラウザがボタンが表示されてタップできる状態になる前に、取得しに行かなければならないものです。
それが以下の表が数えているものです。各ウィジェットが主張する重量ではなく、実際に到着したもの。
| ページ上のもの | リクエスト | 合計ダウンロードサイズ | ウィジェット自体の共有 |
|---|---|---|---|
| チャットウィジェットなし | 57 | 504 KB | — |
| WPChat | 80 | 821 KB | 311 KB、21リクエスト、1ドメイン（サイト自体） |
| tawk.to | 96 | 1,098 KB | 552 KB、37リクエスト、外部ドメイン3つ |
まずヘッドラインのギャップから始めましょう。WPChatのボタンは311KB、ホスト型ウィジェットは552KBです。これは、訪問者が着地するすべてのページに追加される、大きな写真1枚と写真2枚の違いにほぼ相当します。
残りの違いは、それらのファイルがどこから来るのかという点であり、どちらかを選ぶ前に理解しておくべき点です。
チャットウィジェットのファイルはどこから来るのか
WPChatのファイルは、ご自身のサーバー上のプラグインフォルダに保存されます。これは、訪問者にページ上の他のすべて（テーマ、画像、テキスト）を送信するのと同じサーバーです。
ブラウザはすでにそこに接続を開いています。WPChatのファイルは、その接続に乗って送られるだけです。
また、それらのファイルは、すでに実行しているものの背後にあることを意味します。キャッシュプラグインを使用している場合は、それらをキャッシュします。CDNを使用している場合は、それらを配信します。
ホスト型ウィジェットのファイルは、まったく別の場所から来ます。訪問者のブラウザが一度も連絡したことのないサーバー、キャッシュプラグインやCDNが到達できないサーバーです。
会話は実際どこで行われるのか
この表のギャップの背後にある真実を説明します。2つの製品は、製品の種類が異なるため、同じ量の作業を行っているわけではありません。
ほとんどのサイトオーナーにチャットに何を求めるか尋ねると、彼らはボタンを説明します。顧客がそれをタップし、メッセージを送信し、返信を受け取ります。
彼らが通常インストールするのは、完全なチャットシステムです。ライブセッション、メッセージストア、返信が来ないかもしれない返信を待っているページ上のソフトウェアです。
ホスト型チャットウィジェットは、ページ上で会話をレンダリングする必要があります。そのため、そのための仕組みをロードします。
セッションを開き、メッセージを保存する場所を設定し、訪問者がまだ読んでいる間に返信が届くように、他の誰かのサーバーへのライブ接続を維持します。
WPChatのボタンは会話をレンダリングしません。訪問者がそれをタップすると、すでにサインインしているアプリ（WhatsApp、Messenger、Telegram、またはInstagram）に移動します。
訪問者があなたのサイトを閉じた後も会話は続き、あなたは自分の携帯電話から返信します。
設定は数分で完了します。プラグインをインストールして有効化し、**WPChat**メニューに移動して、表示したいアプリを選択し、それぞれの電話番号またはユーザー名を貼り付けます。
その後、ウィジェットを表示する場所を選択すると、ボタンがサイトでライブになります。
私がWPChatを推奨する理由
顧客にあなたに連絡してもらいたいのであれば、WPChatはその仕事を半分の負荷と外部接続なしで実行します。そして、次のセクションの手順でご自身で確認できます。
- **訪問者は、すでに使用しているアプリで会話を完了します。** 学習するチャットウィンドウも、入力するメールもありません。
- **あなたは自分の携帯電話から返信します。** WhatsApp、Messenger、Telegram、Instagramの通知は、あなたがすでに受け取っているものと同じです。
- **ファイルはあなたのサーバーに残ります。** キャッシュプラグインとCDNは、他のすべてをカバーするように、それらもカバーします。
- **14日間の返金保証**がありますので、コミットする前にご自身のページで測定できます。
WPChatは、13年以上にわたりWordPress向けに構築してきたSmash Balloonの製品です。Smash Balloonのプラグインは、175万以上のサイトで利用されています。
より詳しいオプションの説明が必要な場合は、こちらのガイドをご覧ください。ウェブサイトにオンラインチャットを追加する方法。
5分であなた自身のウィジェットをチェックする
これを実行するためにプラグインや有料ツールは必要ありません。Chromeにはすべて組み込まれています。最終的に、独自のサイトについて、ウィジェットのダウンロード数と、外部サーバーからプルする数という2つの数値が得られます。
それらを入手する方法は次のとおりです。
- サイトをChromeで開き、DevToolsを開きます。 Macの場合はCmd+Opt+I、Windowsの場合はCtrl+Shift+Iを押します。「ネットワーク」タブをクリックします。
- 「キャッシュを無効にする」にチェックを入れます。これは、ネットワークタブの上部にあるチェックボックスです。これにより、Chromeは初めて訪問者が行うように、すべてを新鮮にダウンロードします。
- スロットリングを「低速4G」に設定します。これは、キャッシュチェックボックスの隣にあるドロップダウンで、通常は「スロットリングなし」と表示されています。デスクトップファイバーではすべてのウィジェットが問題なく表示されるため、コストが可視化されるのはこの設定です。
- ページを再読み込みします。その後、待ちます。チャットランチャーが実際にページに表示され、他に何も読み込まれなくなるまで、数値を読み取らないでください。
- ネットワークタブの下部にある概要バーを読みます。転送された合計が表示されます。
- ウィジェット固有のドメインを数えます。ウィジェットの名前を左上のフィルターボックスに入力すると、リストがそのリクエストのみに絞り込まれます。表示される個別のドメインを数えます。
- ウィジェットをオフにして繰り返します。プラグインを無効にし、手順4から6を再度実行します。2回の実行の違いが、ウィジェットの実際のコストです。
これら3つの数値は、それぞれ異なることを示しています。
転送されたバイト数は、モバイルデータ通信の訪問者がチャットボタンを表示するために実際にダウンロードするものです。ドメイン数は、あなたが最も制御できない数です。外部ドメインごとに、あなたのものではないサーバーへの新しい接続が発生します。
チャットウィジェットとページスピードに関するよくある質問
チャットウィジェットは私のページにどれくらい負荷をかけますか？
ほとんどの人が恐れるよりも少なく、使用するものによって完全に異なります。同じWordPressページで、WPChatのチャットボタンは311KBを追加し、ホストされたウィジェットは552KBを追加しました。これは、約1つの大きな写真と2つの写真の違いです。
あなたのサイトでいくらかかるかを知るには、上記の5分間のチェックをあなたのサイトで実行してください。
ライブチャットウィジェットとクリックトゥチャットボタンの違いは何ですか？
ライブチャットウィジェットは、ページ上で会話をレンダリングするため、セッションを読み込み、メッセージを保存する場所、および外部サーバーへのライブ接続が必要です。
クリックトゥチャットボタンは、代わりにWhatsApp、Messenger、Telegram、またはInstagramに会話を渡すため、これらの仕組みを読み込む必要はありません。どちらも顧客があなたにメッセージを送信できます。ただし、それを実行するためにページ上でチャットシステムを実行しているのは1つだけです。
クリックしてチャットするボタンは本当に手間がかからないのですか、それとも単なるマーケティングですか？
それは実際に作業量が少なく、その理由は機械的なものです。開くセッションはなく、セットアップするメッセージストアもなく、返信を待ってページ上に何もありません。
さらに、ファイルは誰か他の人のサーバーではなく、あなた自身のサーバーから提供されます。それは、あなたが制御できない3つのサーバーから552KBではなく、あなた自身のサーバーから311KBです。
電話でボタンを最適化するには、チャットウィジェットのモバイル最適化ガイドをご覧ください。
つながりやすさのための、より軽い方法
技術的な詳細を省くと、それは一つの小さなことに集約されます。顧客があなたに質問したい場合、ボタンをタップすると、あなたに届きます。WPChatはこれを311 KBで実現し、独自のサイトから提供され、外部接続は一切ありません。
チャットは持つ価値があります。しかし、ほとんどのチャットウィジェットが提供するために必要とする仕組み、つまりセッション、メッセージストア、ページ上で実行されるライブ接続は必要ないかもしれません。WPChatはそれらすべてを含まないチャットです。
WhatsApp、Messenger、Telegram、またはInstagramに顧客を直接誘導するセルフホスト型ボタンと、まず独自のページで測定できる14日間の返金保証が付いています。
