Minimizar un archivo JavaScript

Minimizar un archivo JavaScript

Minimizar un archivo JavaScript

En este tutorial aprenderemos cómo minimizar(minify) un fichero Js para mejorar la velocidad de carga de nuestro sitio web.

El proceso es muy sencillo. Sólo debemos copiar el contenido de nuestro fichero y acceder a la página https://javascript-minifier.com

Página para minimizar fichero javascript
Página javascript-minifier.com

Hacemos click con el botón derecho del ratón en el recuadro “input JavaScript” y pegamos el contenido que copiamos de nuestro fichero Js.

Pegar contenido del fichero que queremos minimizar
Pegar contenido

Si como en el ejemplo, el botón de “Minify” no se activa, seguramente es porque hay una línea de más. Deberemos borrarla y ya podremos hacer click en el botón.

Minimizar fichero js tutobasico
Minimizar fichero js

Pulsamos el botón “Minify” y vemos como aparece el código minimizado en el recuadro derecho

Fichero JavaScript minimizado
Fichero js minimizado

Hacemos click con el botón derecho sobre él copiamos el contenido.

El siguiente paso es crear un fichero con el mismo nombre que el original que queremos minimizar y añadirle al final la extensión “.min.js“. Cambiaremos todos los enlaces al fichero con la nueva ruta y ya habremos terminado.

Es recomendable mantener el fichero original por si necesitamos hacer algún cambio, porque el fichero minimizado es ininteligible.

Si te ha gustado no olvides compartir en redes sociales.

Espero que te haya servido. Cualquier duda deja un comentario. Un saludo

Dejar un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Translate »
Ir a la barra de herramientas