¿Cómo comprimo mi JavaScript y / o CSS?

Respuestas:

3

Minify parece ser el estándar. Aquí hay una publicación de blog con una explicación de cómo usarla.

Travis Northcutt
fuente
8

Recomiendo encarecidamente Google Closure Compiler para comprimir el código JavaScript. Lo uso personalmente, y también es el compresor oficial utilizado por el proyecto jQuery.

Este proyecto puede hacer bastante, pero los conceptos básicos son los siguientes:

java -jar closure.jar -js javascriptFile.js > javascriptFile.min.js
Miguel
fuente
+1 gran respuesta. Tenga en cuenta que el cierre de Google, además de comprimir más que el compresor yui, también detecta errores comunes de JavaScript, como los {1,2,3,}que destruirán completamente su sitio web en un "navegador determinado" (sí, ¿qué otro navegador podría ser tan estúpido?)
Thomas Bonini
3

Usa gzip .

ilhan
fuente
Puede comprimir archivos HTML, JavaScript, CSS, así como cualquier respuesta de texto (XML / JSON). Esto reducirá el tamaño de la respuesta, lo que puede aumentar la velocidad de su sitio web.
Sean Moubry
2

Uso el proyecto SquishIt de Justin Etheredge . ¡Es asombroso! Sin embargo, solo para asp.net.

  • Utiliza YUI para la compresión CSS y Javascript.
  • Es compatible con MENOS
  • Creo que es compatible con Google Closure
  • Es ridículamente fácil de usar.

Lea la introducción para aplastar la publicación del blog .

Aquí hay un código de muestra que representará una sola <script>etiqueta y una sola <link>etiqueta. Ambos apuntarán a un archivo JS / CSS combinado y minimizado.

<%= Bundle.JavaScript()
    .Add("~/js/jquery-1.4.2.js")
    .Add("~/js/jquery-ui-1.8.1.js")
    .Render("~/js/combined_#.js")
%>

<%= Bundle.Css()
    .Add("~/css/reset.css")
    .Add("~/css/text.css")
    .Add("~/css/960.css")
    .Render("~/css/combined_#.css")
%>
jessegavin
fuente
Vale la pena señalar que es una solución ASP.NET.
David Bick
Sí, noté que en la tercera oración.
jessegavin
1

Existen varias herramientas muy populares para comprimir / minimizar su JavaScript y CSS.

  • Compresor Yahoo YUI
  • Microsoft AJAX Minifier
  • Compilador de cierre de Google (solo JavaScript)

Todos son muy poderosos: puede encontrar comparaciones de ellos con bastante facilidad. Todas son herramientas de línea de comandos, por lo que pueden integrarse fácilmente en su ejecución automáticamente cuando crea o publica su sitio web.

También puede encontrar muchos sitios web que ejecutan estas herramientas para usted, lo que le ahorrará el tiempo de tener que instalar / configurar. Esto también ayuda si no está familiarizado con el uso de herramientas de línea de comandos.

Personalmente, siempre he usado YUI Compressor .

Sean Moubry
fuente
0

Agregue todo su javascript a un solo archivo y comprímalo con, por ejemplo, jsmin (http://www.crockford.com/javascript/jsmin.html). Haga esto también para su CSS pero use otra técnica de compresión (eliminar espacios en blanco). Dado que esta es una tarea repetitiva aburrida, hay scripts disponibles que harán exactamente esto por usted. Yo uso Django y uso django-assets para automatizar completamente este proceso.

D4V360
fuente
0

Si desea comprimir el tamaño de sus archivos Javascript, puede usar el empaquetador .

HoLyVieR
fuente