habilitar - ¿Cuál es el valor de usar Webpack con HTTP/2?

usar http 2

Question

Estoy comenzando un nuevo proyecto y estoy tratando de pensarlo más adelante. He usado Browserify en el pasado. Para mi nuevo proyecto me gustaría usar ya sea Webpack, Rollup o SystemJS. Webpack parece ser el más maduro con toneladas de características increíbles.

Sin embargo, me preocupa que Webpack sea irrelevante en uno o dos años con la adopción de HTTP / 2. Entonces, me pregunto, ¿qué valor ofrece Webpack para un sitio que se sirve a través de HTTP / 2? No estoy buscando una opinión, sino una explicación fáctica de los beneficios de usar Webpack con HTTP / 2. Si no hay beneficios, o muy pocos beneficios, eso también me ayudaría con mi decisión.

Answer 1

TL; DR

En HTTP / 1.1, tenía que hacer la menor cantidad posible de solicitudes para obtener rendimiento; en HTTP / 2 tiene un impacto mínimo en el rendimiento por solicitud, pero aún puede afectar las limitaciones de recursos y la administración de dependencias que requerirá una herramienta de agrupamiento como, por ejemplo, el paquete web.

Versión larga:

Webpack (o cualquier otro paquete) aún puede proporcionar valor en un mundo HTTP / 2 porque aunque HTTP / 2 permite consultas multiplexadas, asíncronas y simultáneas desde el cliente al servidor, esto no significa que el servidor real al que se está conectando tiene capacidad ilimitada para procesarlos o incluso los permitirá.

En el marco CONFIGURACIÓN que se envía cuando se conecta, la mayoría de los servidores restringirán el número de transmisiones concurrentes a un valor razonable como 100. Esto significa que no puede emitir más de 100 solicitudes simultáneas, lo que es un problema si tiene, por ejemplo, un gran desagregado Reaccionar la aplicación con cientos de archivos js.

Además, en muchos casos, tiene dependencias transitorias entre los archivos javascript y si no agrupa todas las dependencias, necesitará muchas solicitudes de ida y vuelta, ya que el navegador solo descubrirá las dependencias cuando reciba las respuestas anteriores, anulando HTTP / 2 beneficios. (Alternativamente, el servidor puede impulsar automáticamente las dependencias, pero esto crea un conjunto de otros problemas).

Por estas razones, tiene sentido usar el paquete web para empaquetar varios paquetes homogéneos para asegurarse de que sus solicitudes concurrentes máximas permanezcan por debajo de los límites del servidor mientras mantiene su paquete lo suficientemente amplio como para aprovechar el almacenamiento en caché eficiente del navegador.