2011-07-16 17 views
11

Para reducir las solicitudes HTTP y minimizar la descarga de archivos estáticos, se recomienda concatenar y minificar todos los archivos JavaScript/CSS utilizados en una sola página.¿El orden de minimizar y concatenar hará la diferencia para el lote de archivos JavaScript/CSS?

¿Hace la diferencia?

1) Minifica todos los archivos javascript y luego los concatena;

2) Concatenar todos los archivos javascript y luego minimizarlos.

+4

tiene que aceptar más respuestas. Has hecho más de 160 preguntas y tienes un alto representante ... deberías saberlo mejor. – Paul

+0

Gracias por su pista. Siempre olvidé hacer clic en aceptar "Comprobar" :) Haré un trabajo por lotes para eso. –

Respuesta

3

minifying varios archivos más pequeños en un archivo grande (a través de >> redirección, por ejemplo) los recursos presentados por el hecho de que las buenas minifyers se quejan si encuentran una error de sintaxis en uno de esos archivos. Verá inmediatamente en el que archivo.

0

no hace ninguna diferencia lo orden en que se hace en.

0

Utilice .SVG para imágenes, si no puede utilizar WebP, utilice WebM para Video, pero el orden de los archivos estáticos no hace ninguna diferencia.

0

Creo que es mejor concatenar todos los archivos javascript antes de minimizarlos.

0

¿Por qué no omites ambos y solo comprimes tu JavaScript? No tendrá que concatenar su código porque todos sus archivos estarán en un archivo y obtendrá un archivo más pequeño con compresión que con minificación. Si está ejecutando Apache, mod-gzip le permitirá precomprimir sus archivos para descargar un poco del servidor.

Ver: http://tutorialajax.com/compress-javascript-with-gzip.html

también: http://betterexplained.com/articles/how-to-optimize-your-site-with-gzip-compression/

+3

gzip es compresión sin pérdida, mientras que minify puede recortar información innecesaria en JavaScript. –

+2

@Morgan, ¿hiciste alguna prueba real entre minificación y compresión? Yo si; aquí están mis resultados Utilicé la [biblioteca de JavaScript de Rialto] (http://rialto.improve-technologies.com/wiki/) que viene como un gran archivo js no minificado con un tamaño de 553 KB. Lo revisé a través de los dos minificadores en http://jscompress.com/, el tamaño de los archivos fue de 413 KB (JSMin) y 198 KB (Packer). También apliqué dos compresores en la configuración predeterminada, gzip (utilizado en mod_gzip): 88 KB y Desinflado (utilizado en mod_deflate): 89 KB. Si desea reducir el tamaño de la descarga, luego comprima como dije en mi respuesta. – Paul

+1

Hice la comparación entre minify y gzip. Resulta que gzip gana sobre minify si es pequeño (<5KB en general), mientras que minify gana si es lo suficientemente grande. Debido a la existencia de un software y proxy antimalware, se eliminan los encabezados del 10% de "Aceptar codificación". Entonces, se sirve contenido no gzip. Entonces, la manera preferida es: minify primero, luego comprimirlo. –

Cuestiones relacionadas