Mi problema es que tengo múltiples ajax
(en total 10) para realizar peticiones a ciertos recursos.
Según chrome (también ocurre en los demás navegadores):
Cola. (Queueing) El navegador pone en cola las solicitudes cuando:
- Hay solicitudes de mayor prioridad.
- Ya hay seis conexiones TCP abiertas para este origen, que es el límite. Se aplica solo a HTTP / 1.0 y HTTP / 1.1.
- El navegador está asignando brevemente espacio en la memoria caché del disco.
Atascado. (Stalled) La solicitud podría detenerse por cualquiera de los motivos descritos en la cola.
En mi caso es por que son mas de 6 conexiones (10), se añade "stalled" a las últimas 4, y el tiempo añadido es equivalente (mas o menos) a el tiempo de las 4 consultas mas rápidas que se envían en el primer bloque de 6.
Por verlo de otro modo, hay un bloque de 6 peticiones y una cola de 4, y cuando una consulta de este bloque acaba se ejecuta una de las que estaban en cola, así hasta que no quedan peticiones en cola.
Agrupar las peticiones ajax
no es una opción ya que la idea es usar la asincronía de JS
para que se realicen todas las peticiones al mismo tiempo y así reducir tiempos.
Me interesa una solución que pueda ser compatible con IE9+, pero cualquier respuesta que sea solo para navegadores mas modernos es también bien recibida.
En el backend las peticiones llegan a un método serveResource
(de liferay) que he sobrescrito, y dependiendo el tipo de recurso que se solicite por parámetro se devuelve un recurso u otro.
@Override
public void serveResource(ResourceRequest resourceRequest, ResourceResponse resourceResponse) {
String recurso = ParamUtil.getString(resourceRequest, "recurso");
switch(recurso){
...
}
}
Mis ajax
son algo así:
$.ajax({
type: "POST",
url: "/miPortlet?recurso=tartas&masParametros=todosIguales",
dataType: 'json',
beforeSend: funcionAntesDeAjax,
success: function(data){
...
},
error:function(xhr,textstatus,message){
...
}
});
La url
del ajax
varia solo en un parámetro recurso=tartas
en cada uno es un recurso diferente.
He leído el siguiente hilo en ingles: Chrome stalls when making multiple requests to same resource?. Donde se comenta que este comportamiento se debe a que Chrome bloquea la caché y espera ver el resultado de una solicitud antes de volver a solicitar el mismo recurso.
He probado con diferentes soluciones que comentan en ese hilo como:
- Añadir cabeceras a la petición (
Cache-Control: no-cache, no-store
oCache-Control: no-store
) medianteheaders
y mediante elbeforeSend
. - Añadir propiedad
cache: false
con los ajax en método post/get - Añadir un numero aleatorio como parámetro para diferenciar la URL (ya era diferente)
serveResource
(de liferay), yo lo que hago es dependiendo del parametrorecurso
devolver un recurso u otro (con unswitch
). Y son todas las peticiones independientes (por eso quiero evitar que las ponga en cola).HTTP/2(SPDY)
no es una opción? (Soporte Multiplexación, una sola conexión TCP para todas las solicitudes). Lastima el soporte para IE9+