Cliente HTML5: ¿Cuál es la diferencia entre Websockets y XHR?

“Websockets” es la conexión persistente que se puede utilizar para recibir/enviar datos sin orden secuencial y sin cabecera http.

“Xhr-polling” crea una nueva petición con cabecera http y espera la respuesta con cabecera http, también en orden secuencial.

Haciendo esto, el “flujo de datos XHR” siempre se ve así:

HTTP_HEADER_REQUEST -> HTTP_HEADER_ANSWER
HTTP_HEADER_REQUEST -> HTTP_HEADER_ANSWER
y así sucesivamente 

También antes de que los datos puedan ser descargados, deben ser solicitados con “HTTP_HEADER”, por eso su nombre: “xhr-polling”.

El flujo de datos de “Websockets” puede ser así:

FRAME_DATA_SEND
FRAME_DATA_SEND
FRAME_DATA_RECEIVE
FRAME_DATA_SEND
FRAME_DATA_RECEIVE
FRAME_DATA_RECEIVE 

Además, se trata de un envío/recepción de datos aleatorio sin un orden secuencial especial y sin ningún dato de cabecera http.

Esto hace que el uso con proxies inversos sea imposible debido a la falta de soporte de “Websockets” por la mayoría de los proxies inversos conocidos; pero la mitad del “transporte xhr” puede funcionar con el proxy inverso de Apache.

Vea también: Cliente HTML5: Navegadores compatibles