2009-10-31 10 views
20

¿Alguien sabe de un buen generador en línea para tomar el código fuente de una página HTML y comprimir/minimizar la página completa.HTML minimizer/compressor en línea?

Significado, comprimir/minimizar todos los CSS incrustados, JavaScript y, obviamente, el código HTML de esa página web, mientras que también elimina los comentarios innecesarios de HTML/CSS/JavaScript, espacios, pestañas, etc.

+1

No me preocuparía demasiado acerca de la minificación. Asegúrate de al menos descomprimir primero tu salida, ya que eso hará una diferencia mucho mayor. – DisgruntledGoat

+4

@Disgruntled: Es una situación ambas/y. Para obtener los mejores resultados, minimizas * y * gzip.No menospreciar significa que todos sus comentarios se hacen públicos, o no escribe comentarios, los cuales entran dentro de la categoría de Idea mala. –

+0

@ T.J. Crowder: Claro. Solo quería señalar que gzip es significativamente más importante que la minificación, al menos en orden de magnitud. La diferencia entre gzip solo y minify + gzip es casi nada. – DisgruntledGoat

Respuesta

5

http://prettydiff.com/ - Esto está escrito en JavaScript para que pueda usarlo instantáneamente en su navegador.

+2

No elimina los comentarios, y aún deja bastante espacio en blanco innecesario (como saltos de línea). –

+0

@ T.J. Crowder: elimina los comentarios y el espacio en blanco restante es necesario. Por favor, lea la documentación para obtener una explicación de por qué. – austincheney

+0

Hola, Austin, me alegro de verte aquí. La herramienta que comenté en ese momento no eliminó los comentarios (probé) y dejó saltos de línea innecesarios (de hecho, en JS sin comentarios, no hay ** saltos de línea necesarios **, solo puntos y comas necesarios). La herramienta ahora se ve bastante diferente y elimina los comentarios y los saltos de línea. Lamentablemente, elimina los saltos de línea en los lugares donde afectan la inserción del punto y coma sin insertar los puntos y comas necesarios, y por lo tanto, cambia el código. [Ejemplo] (http://jsbin.com/edurud0). * (No dissing.) * Me encanta la idea de una herramienta diff significativa, parece muy útil. Lo mejor con él, –

0

¿Un duplicado de https://stackoverflow.com/questions/728260/html-minification?

Y si realmente no necesita una herramienta en línea, entonces el plugin PageSpeed ​​para Firefox y el compresor Yahho son realmente buenos minificadores. Además, la herramienta PageSpeed ​​puede darle pistas sobre qué cambiar y qué cambio dará el mayor cambio en velocidad/tamaño.

11

Juriy Zaytsev escribió un Minifier HTML en JavaScript, que se puede utilizar en línea en esta página: http://kangax.github.com/html-minifier/

Como dice el aviso, sigue siendo un alfa temprana, por lo que podría haber errores. Usar con precaución!

+2

Puede leer más sobre esto aquí: http://perfectionkills.com/experimenting-with-html-minifier/ –

3

Hay un compresor en línea que minimiza todos los bloques incrustados de CSS y JavaScript y también el HTML. Produce un código de salida de línea única que se representa como el original y respeta la estructura del documento.

Utiliza el compresor Yahoo YUI y el compilador Google Closure para JavaScript.

Hay que ver aquí: HTMLcompressor.com

0

me encontré con un script que minify su HTML, CSS en línea, en línea Javascript sobre la marcha.

Marque aquí Dynamic Website Compressor

Cuestiones relacionadas