it-swarm-es.com

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

Sé que hay formas de cargarlo dinámicamente en la página , pero si quiero comprimir mi código para que se cargue aún más rápido, ¿cómo lo hago?

8
Jason

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

3
Travis Northcutt

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 mucho, pero los conceptos básicos son los siguientes:

Java -jar closure.jar -js javascriptFile.js > javascriptFile.min.js
8
Mike

Use gzip .

3
ilhan

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 el introducción a la publicación de blog squishit .

Aquí hay un código de muestra que representará una sola etiqueta <script> y una sola etiqueta <link>. 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")
%>
2
jessegavin

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

  • Compresor Yahoo YUI
  • Microsoft AJAX Minificador
  • 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 .

1
Sean Moubry

Consulte esta comparación de minificadores JS y CSS para elegir lo que más le convenga:

0
mvark

Este usa el algoritmo del compresor YUI:

http://www.jscompressor.com

0
Nitro

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 aburrida y repetitiva, hay scripts disponibles que harán exactamente esto por usted. Uso Django y uso Django-assets para automatizar completamente este proceso.

0
D4V360

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

0
HoLyVieR