Unminify JS, CSS, HTML
Herramienta simple y efectiva para descomprimir (desmificar) c贸digo JS, CSS, HTML online
Herramienta simple y efectiva para descomprimir (desmificar) c贸digo JS, CSS, HTML online
Hoy decid铆 implementar una herramienta que Hoy decid铆 implementar una herramienta que te muestra c贸mo minimizar y reformatear c贸digo HTML, CSS y JS as铆 como funciones JavaScript. Minimizaremos los archivos de sitios web que contienen c贸digo CSS, HTML y JavaScript antes de que su navegador web los lea. La minimizaci贸n de HTML / CSS y JavaScript est谩 activa, pero puede personalizar las opciones predeterminadas y deshabilitar la minimizaci贸n para ciertos tipos de c贸digo. c贸mo minimizar y reformatear el c贸digo HTML, CSS y JS, as铆 como las funciones de JavaScript. Minimizaremos los archivos de sitios web que contienen c贸digo CSS, HTML y JavaScript antes de que su navegador web los lea. La minimizaci贸n de HTML / CSS y JavaScript est谩 activa, pero puede personalizar las opciones predeterminadas y deshabilitar la minimizaci贸n para ciertos tipos de c贸digo.
Los desarrolladores tienden a usar espacios, comentarios y variables con nombre al crear archivos HTML, CSS y JavaScript (JS) para hacer que el c贸digo y el marcado sean m谩s legibles para ellos. Herramientas en l铆nea como el c贸digo HTML compacto GTmetrix, incluido JavaScript en l铆nea y CSS que lo contiene. Una herramienta simple que usa JavaScript para minimizar CSS usa m煤ltiples expresiones regulares divididas, seguidas de uniones, para generar c贸digo limpio. Tambi茅n le permite especificar el ancho de las pesta帽as.
Unminify ees una herramienta en l铆nea gratuita que extrae y desenmascara JavaScript, CSS y HTML para hacerlo m谩s legible y atractivo. Minimice los archivos JS, CSS y HTML sin comentarios, eliminando espacio adicional en el disco y truncando los nombres de las variables para minimizar el c贸digo y reducir el tama帽o del archivo. Herramientas de eliminaci贸n de minificaci贸n como el formato Unminify, Deobfuscate y Beautify y hacen que los c贸digos HTML / XML / CSS / JS feos sean legibles.
Esto le permite minimizar su c贸digo JavaScript que contiene astutos ASP que est谩n recibiendo errores de sintaxis mientras mantiene intacto su c贸digo del lado del servidor. Selecci贸n Si desea comprimir hojas de estilo en cascada y c贸digo CSS, aparecer谩n en un archivo style.css externo. Verifique el c贸digo que desea optimizar (HTML, CSS y JavaScript) en la pesta帽a Configuraci贸n principal y haga clic en Guardar cambios.
Al minimizar los archivos CSS, HTML y JavaScript de sus p谩ginas web, ahorra un tiempo valioso en la velocidad de carga de sus p谩ginas. Este ejemplo de minimizaci贸n de CSS es un peque帽o ejemplo con un fragmento de c贸digo CSS, pero imagine cu谩nto espacio se puede ahorrar minimizando miles de l铆neas de c贸digo.
Si desea tiempos de carga m谩s r谩pidos y un mejor rendimiento, debe minimizar los archivos HTML, CSS y JavaScript tanto como sea posible. Hay 4 niveles de compresi贸n: los niveles de compresi贸n anteriores respetan el dise帽o del documento HTML y le permiten eliminar comentarios, retener comentarios condicionales y comprimir c贸digo CSS y JavaScript. Este nivel es el nivel predeterminado y est谩 dise帽ado para minimizar el tama帽o de su c贸digo mientras conserva el dise帽o. El nivel anterior intenta ahorrar m谩s bytes eliminando espacios, caracteres y elementos de bloque. La biblioteca Node.js probada comprime el c贸digo CSS con las t茅cnicas de compresi贸n habituales, pero tambi茅n realiza una minimizaci贸n estructural del archivo CSS.
Tambi茅n incluye una herramienta de embellecimiento que descomprime el c贸digo minimizado para que sea m谩s f谩cil de leer, lo que es lo opuesto a la minimizaci贸n. Las mejores herramientas disponibles para minimizar y embellecer su c贸digo son: puede agregar opciones de formato como sangr铆as, espaciado y saltos de l铆nea.