¿Necesitas Maquetar o Diseñar una web? ... Consulta nuestra sección Maquetación Freelance o solicita presupuesto a elmaquetadorweb@gmail.com

20.5.15

Ordenar y Comprimir CSS, HTML, Javascript, jQuery, JSON, Perl, PHP, Python, Ruby, Sql y XML

Cuando programamos es muy importante tener nuestro código bien ordenado. A continuación os vamos a mostrar como hacerlo desde diferentes programas.

- Dreamweaver > Comandos > Aplicar formato de origen (configuración en Edición > Preferencias > Formato de código > Formato avanzado > CSS).

- Visual Studio > Editar > Dar Formato al documento (configuración en Herramientas > Opciones > Editor de texto > CSS > Opciones avanzadas).

- Eclipse > Source > Format (Control + Shift + F).

- SublimeText > Edit > Line > Reindent.

También existen webs que nos permiten ordenar nuestro código y comprimirlo como:

CleanCSS ordena y comprime CSS, HTML, Javascript, JSON, Perl, PHP, Python, Ruby, Sql y XML.
JSBeautifier da formato a archivos JavaScript o HTML

Existen otras alternativas para comprimir CSS  como CSS Compressor CSS Minifier y Styleneat.

Por último si lo que queremos hacer es ver descomprimido un archivo minificado podemos usar Chrome y su Developer Tools > Pestaña Sources > Icono Pretty Print (Resaltado en rojo en la imagen de abajo).





2 comentarios:

  1. Una buena forma de limpiar el código JavaScript para producción es con jspreproc.

    http://amarcruz.github.io/jspreproc

    ResponderEliminar
  2. Hoy en día, la mayoría de la gente compra teléfonos móviles porque quiere utilizar Internet. La mayoría de los usuarios ya se han transferido del escritorio al móvil para el uso diario. Es por eso que Google da más importancia a las interfaces optimizadas para dispositivos móviles y la búsqueda por voz móvil. Uno de los factores, que es cada vez más importante, es la velocidad de página optimizada. Eso se puede lograr haciendo que su página web sea más pequeña. ¡El proceso de minificación puede reducir entre un 10% y un 95% el tamaño del código! Esto ayudará a que el sitio web funcione más rápido y luego obtenga una alta puntuación de Optimización de motores de búsqueda (SEO). Para eso, también puede consultar las siguientes herramientas
    https://url-decode.com/tool/minifyhtml
    https://url-decode.com/tool/css-minifier

    ResponderEliminar