La reducción de JS y CSS es bastante común. Los beneficios de minimizar JS son mucho mayores que los que se ven con CSS porque con CSS no se puede cambiar el nombre de los elementos, y lo mismo ocurre con HTML. Pero, ¿qué pasa si los 3 se minimizan juntos para que los beneficios de usar nombres más cortos se puedan llevar a CSS y HTML? Es decir, en lugar de minificar sin tener en cuenta las relaciones entre los 3, estos podrían conservarse y simplificarse. Me imagino que la implementación podría ser bastante difícil, pero si fuera posible, ¿crees que proporcionaría una ventaja significativa sobre la minificación tradicional?Minificación de CSS, JS y HTML: junto
Respuesta
me imagino que la aplicación podría ser bastante difícil, pero si fuera posible, ¿cree que sería proporcionar una ventaja significativa sobre minimización tradicional?
La miniaturización sí importa y esto depende en gran medida de la cantidad de fragmentos de texto. Yahoo's YSlow y Google's Page Speed ambos hablan de los tres y ofrecen soluciones como guardar la versión minificada desde su interior.
Por lo tanto, es una buena idea minimizar el espacio y el rendimiento crítico.
Esto será de su interés
un beneficio significativo. Si descomprime todo su contenido web, obtendrá los beneficios de la compresión sin la complejidad añadida de todo lo que minimiza. Además, comprimirá todo el contenido en sus páginas, lo que es una porción significativa del volumen de su página.
Probablemente mucha menos ventaja que minificar JS, ya que definitivamente no puede cambiar los nombres de los atributos de estilo CSS. La mayoría de las veces, ocupan el mayor espacio en los archivos CSS. Todo lo que puede hacer es acortar los nombres de ID/clase y eliminar los espacios en blanco superfluos. Supongo un ahorro promedio de alrededor del 10% en la parte de HTML/CSS.
Además, lo que dijo Greg.
Tenga en cuenta que el uso de GZIP resuelve muchos problemas. las respuestas gzipping son eficientes si hay un montón de texto repetido, por ejemplo, tus clases de CSS. Entonces, en lugar de usar una herramienta de minificación compleja, usa gzip.
- 1. Combinación y minificación de JS y CSS en ASP.NET MVC
- 2. Minificación HTML en C#
- 3. HTML/CSS/JS en aplicaciones de escritorio
- 4. jQuery y PhoneGap: ¿incluye un archivo HTML junto al cliente con HTML o JS?
- 5. ¿Hay algún módulo estático JS de concatenación/minificación para Express.js?
- 6. MVC - ¿La minificación de HTML vale la pena?
- 7. Comprimir JS y CSS en archivos HTML estáticos
- 8. Crear diagrama de línea de tiempo en HTML/JS/CSS
- 9. Paquete html, js, css como una aplicación de escritorio
- 10. drupal: tantos archivos js y css?
- 11. Asp.Net MVC4 Agrupación y minificación Archivos .min.js excluidos de Scripts.Render?
- 12. CSS y JS archivos de caché
- 13. HTML y CSS fondo
- 14. Archivos Javascript y CSS que combinan en construcción Maven SIN compresión, minificación, etc.
- 15. La mejor manera de comprimir HTML, CSS y JS con mod_deflate y mod_gzip deshabilitado
- 16. HTML/JS/CSS Cuadrícula isométrica con mosaicos transparentes semitransparentes
- 17. ¿Qué plugin CSS/JS/HTML/XML usas en Eclipse?
- 18. CSS y prensa: Mantener bloque de texto junto
- 19. Cómo formatear el código en html/css/js/php
- 20. JS, imágenes y CSS interceptados por HTTPModule
- 21. Combinar y minificar múltiples archivos CSS/JS
- 22. Aplicación ASP.NET MVC 4 con agrupación y minificación, ¿por qué está activada la minificación en el modo de depuración?
- 23. LESS/SASS CSS opuesto a la minificación/optimizaciones?
- 24. Agregar JS y CSS limpiamente de las plantillas Twig incluidas
- 25. TDD/Probar CSS y HTML?
- 26. html scraping y css consultas
- 27. Cabecera adhesiva CSS/JS
- 28. HTML y CSS a PDF en JavaScript
- 29. magento agrega un parámetro querystring a CSS y JS
- 30. IIS url reescritura - css y js incorrectamente reescritos
¿Cómo es eso relevante? LessCSS es un entorno de edición más coherente para CSS, pero los archivos resultantes son CSS regulares no minificados. –
Menos compresiones mínimas, pero me parece que promedia al final porque puede causar un código extra de selector si no tiene cuidado. Pero sí, Less no es un minificador. –