Hello there, ('ω')ノ
HTMLとWebSocketの仕組みの違いは、イメージを検索して把握するとして。

ページに移動して。

Live chatのメニューへ。

履歴を見ると2つの/chatが。
はじめの/chatからは、ページのヘッダ部分を。

2つ目の/chatからは、Live chatの部分を。

WebSocketsの履歴をみると、READYから始まって。

ページのチャット部分に表示される内容がクライアントに渡されて。
"content":"-- Now chatting with Hal Pline --"

たとえば、下記を入力して送信すると。
aaa

HTTPの履歴は、変わらず。

WebSocketsを見ると、新たに入力されたデータが追加でサーバに送信されて。
"aaa"

クライアントに追加で表示されるデータが送信されて。


最後のデータは、以下のとおりで。
"Sorry, I didn't hear that, I was listening to someone more interesting than you."

さらに下記を入力して送信すると。
bbb

HTTPの履歴は、変わらず。

WebSocketsを見ると、新たに入力されたデータが追加でサーバに送信されて。
"bbb"

クライアントに追加で表示されるデータが送信されて。

最後のデータは、以下のとおりで。
"Remember that power cut? Best time of my life"

Best regards, (^^ゞ