もしGoogleマップが同期処理だった場合、地図をスクロールした時にはスクロール先の地図を読み込むまでに全体の処理が停止してしまい、さらに、読み込んだ地図画面の再描画が必要になるためその間、操作ができなかったりします。
サクサク感がなくなり、非常に操作しづらくなってしまいます。

Googleマップは、地図をスクロールすれば画面全体の再読み込みが無しで地図だけがサクサクスクロールされ、操作が中断されることはまずないですよね。実はここに非同期通信であるAJAXが大活躍しています。

閲覧者が地図をスクロールしたことを察知したらAJAXはサーバに差分の地図データを送信要求します。ブラウザ側は送信された地図だけをリアルタイムでDOMを使い描画することでサクサク感を出しています。その間、操作ができなくなることもありません。

GmailやGoogleカレンダーもAJAXを使っています。Gmailではブラウザでも新規メールが来たらぴょこんと追加されたりしますよね。

通常だとリロード(再読み込み)しないと出てこないのでどういう仕組みかと思われている方もいらっしゃるでしょう。ここにもAJAXが大活躍しています。

ざっくりとした説明でしたがいかがでしたでしょうか。

Webの世界では同期よりも非同期処理のほうがよさそうに見えますよね。
じゃあすべて非同期通信にすればいいのではというとそうでもありません。

たとえば、洗濯乾燥機に例えると、①洗う②すすぐ③乾燥するというように処理の順番が決まっている場合に非同期処理をしてしまうと、非同期処理は基本的に処理の順番を無視するので大変なことになります。すなわち③でいきなり乾燥し始めてしまったりする可能性があります。

そういう時には同期通信を使ったりしますので、一概に非同期処理が優秀というわけでもありません。要は使い方ですね。

まとめとなりますが、動きがあるページの裏には大体AJAXがいると考えていただいてもいいかもしれません。


最後までお読みいただきありがとうございました。