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?
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?
Respuestas:
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.jsUsa gzip .
Uso el proyecto SquishIt de Justin Etheredge . ¡Es asombroso! Sin embargo, solo para asp.net.
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")
%>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 .
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.
Si desea comprimir el tamaño de sus archivos Javascript, puede usar el empaquetador .
Consulte esta comparación de minificadores JS y CSS para elegir lo que más le convenga:
Este usa el algoritmo del compresor YUI:
{1,2,3,}que destruirán completamente su sitio web en un "navegador determinado" (sí, ¿qué otro navegador podría ser tan estúpido?)