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?
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
Use gzip .
Uso el proyecto SquishIt de Justin Etheredge. ¡Es asombroso! Sin embargo, solo para asp.net.
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")
%>
Existen varias herramientas muy populares para comprimir/minimizar su JavaScript y CSS.
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 .
Consulte esta comparación de minificadores JS y CSS para elegir lo que más le convenga:
Este usa el algoritmo del compresor YUI:
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.
Si desea comprimir el tamaño de sus archivos Javascript, puede usar empacador .