1. Inicio
  2. Pregunta y respuesta
  3. HTML + JavaScript + CSS herramienta compacta

HTML + JavaScript + CSS herramienta compacta

2010-06-28 21 views
11

necesito una herramienta que puede minify, optimizar y munge muchos archivos de esos tipos posiblesHTML + JavaScript + CSS herramienta compacta

  • HTML (Minify solamente)
  • JavaScript (Minify, optimizar y munge)
  • CSS (minify)

el resultado final debe ser un archivo HTML únicamente con toda JavaScript y CSS incrustado o en el peor de los 3 archivos, respectivamente, para el HTML, JS y CSS.

Conozco herramientas como YUI Compressor, etc. Lo que actualmente no he encontrado es el tipo de compresor que funcionará en todos esos tipos de archivos y los fusionará en un único archivo enorme.

Fuente

2010-06-28 Ivelin Nikolaev

+1

Actualmente experimentando con Digua (http://digua.sourceforge.net) –

+0

Pregunta: ¿cómo diablos puedes unir todo eso en UN archivo? ... a menos que todos ellos ya estén en un archivo, ¿para empezar? –

+0

Se pueden fusionar fácilmente con un script de lote/bash añadiendo uno tras otro. –

Respuesta

0

Gad, tenga en cuenta los inconvenientes de minificar CSS. Si no tiene un sistema donde edite normal/minify/luego implementar, puede hacer que la edición posterior de CSS sea bastante incierta.

Repasé todo este argumento en un gran proyecto de actualización de UI para un banco internacional. Un sitio en particular estaba haciendo 1 millón de visitantes/día y los números de banda eran una locura a pesar de todos nuestros esfuerzos para mantenerlo mínimo (cada bit se suma en un sitio con mucho tráfico). Tras un análisis de negocios por un gran equipo de mentes con mucho talento, determinó que tomaríamos varios pasos, pero NO minería los css debido al tiempo adicional que les tomaría a los ingenieros deshacer la minificación antes de corregir, minificar y volver a implementar los simples ajustes de CSS. Las cifras mostraron que incluso con una mejora de ancho de banda de 5gb/día, era aún más barato no pagar a un ingeniero de IU por el tiempo extra.

No conocemos los detalles de su sitio, pero no hay muchos que se preocupen por el tráfico que usa mi ejemplo. Ejecute su sitio en el nuevo analizador de velocidad de Firebug y vea cuál podría ser el beneficio real de minimizar ... ahora multiplique eso por su tráfico. Por lo general, ese número no es demasiado aterrador. Dedique su tiempo a hacer sprites de imágenes, combinando css y js en los archivos respectivos (mejor que machacar en archivos php individuales debido a los beneficios de almacenamiento en caché) para limitar las solicitudes http y garantizar que el almacenamiento en caché esté configurado correctamente. Ejecute la compresión gzip. Si después de esos pasos no eres bueno, lleva el sitio a un nuevo nivel.

Mantenerlo simple ... marca una gran diferencia en las partes de actualización y mantenimiento del ciclo de vida del sitio.Con el tiempo y el dolor de cabeza guardada, puede ayudarnos con nuestras preguntas :)

Fuente

2010-07-19 05:52:44 bpeterson76

+15

¿quién podría deshacer la minificación? Eso es inútil, por supuesto. Un gran equipo de mentes con mucho talento podría darse cuenta de que solo debería tener una versión de desarrollo y un proceso automatizado simple para implementar. ¿De nuevo deshacer minificar? Nunca lo oí. Considere la minimización de JavaScript donde simplemente no puede deshacer. Necesita un enfoque diferente que sea seguro ... – galambalazs

+1

En algunas configuraciones de negocios como la anterior, no hay una opción para mantener un fragmento de código separado en la base de código. Si minimizamos e implementamos ese código, se convirtió en el código que avanzó al tronco. Además, obtener un proceso de negocios separado para minimizar durante el proceso de implementación también habría sido todo un desafío. De nuevo, se trata de qué tan complicado es su entorno y cuántas personas desea involucrar para una mejora menor en el rendimiento. Antes de trabajar allí, no habría entendido cómo cambiar un personaje podría llevar a 5 personas 3 semanas. – bpeterson76

+5

"aún era más barato no pagarle a un ingeniero de IU por el tiempo adicional" Un ingeniero para css = overkill imo – Enriquev

2

Mi sugerencia sería poner todo el JavaScrpt dentro de un <script> en el encabezado, y poner todo el CSS en una etiqueta <style> también. Luego optimiza al máximo de tu capacidad y luego minimízalo por tu cuenta. Ningún software podrá manejar cada caso. Si intenta minimizar el tamaño del archivo, simplemente elimine las líneas nuevas y espacios no necesarios.

También encontré this, que debería funcionar en su archivo con los 3 en él.

También tenga en cuenta que si comienza a eliminar etiquetas opcionales podría tener algunos problemas. Algunos navegadores no cooperan tan bien como se supone que deben hacerlo.

Fuente

2010-06-28 20:45:14 Jason

+1

Decir que ningún software podrá manejar cada caso es una declaración bastante audaz. ¿Qué casos extraordinarios harían esto una tarea tan difícil? El problema más inminente que puedo ver es javascript usando los selectores css que necesitan que alguien se marque como constantes para que no se vean afectados por la minificación. –

0

Por lo que yo sé, no existe una herramienta de este tipo. Sin embargo, si usa PHP en el lado del servidor, puede probar PHP Speedy (no desarrollado activamente, pero funciona) o Minify para la minificación automatizada, almacenamiento en caché y gzipping (HTML, CSS, JS).

corregir: el minitorificador de HTML de kangax (como Badger sugiere) solo minimiza HTML.

Fuente

2010-06-28 20:46:21 galambalazs

+1

No puedo usar PHP porque no hay servidor :). El proyecto es un poco extraño y no tiene un servidor como Java o Php. Encontré Digua (http://digua.sourceforge.net) - una herramienta que se parece bastante a lo que necesito. Actualmente estoy experimentando con eso. –

2

Si no se está usando gzip, sin embargo, empezar a usarlo ya y podemos cerrar esta cosa;)

Fuente

2010-07-23 16:54:10

0

puede comprimir y minimizar archivos JavaScript múltiples y CSS Compressor para comprimir/minificar varios archivos Css en un solo archivo. y para optimizar sus archivos HTML, puede enviar una solicitud posterior de su código al servidor de Google Clouser, que envía una respuesta con código Html optimizado.

Fuente

2014-10-01 09:05:40 Jitendra

Cuestiones relacionadas

 Cuestiones relacionadas