Ya vimos cómo comprimir imágenes lo más posible utilizando una página web o Photoshop.
En este video vamos a ver cómo mitificar CSS y JavaScript mediante una página web o también te mostraré
algunas herramientas para hacerlo.
La parte de mi unificar HTML nos la vamos a saltar porque te estará mostrando cómo cachear los archivos
php y las consultas másico.
Así que vamos a ver cómo unificar CSS y JavaScript.
Vamos a ver cómo minifiguras los archivos de JavaScript aquí si abrimos nuestro proyecto vamos a abrir
la carpeta de JavaScript y hay dos archivos que son nuestros de código que nosotros escribimos.
Uno es el cotizado y otro es el mail apuntó.
Así que vamos a estar utilizando una página web que se llama J.S. comprar As.com.
Aquí puedes cargar los archivos si quieres yo lo que voy a hacer es copiar el código de JavaScript entonces
vamos a abrir nuestro proyecto y abrimos el cotizado.
También voy a abrir aquí el archivo de JavaScript.
Entonces vamos a empezar con este cotizado voy a copiar el contenido y lo pego aquí de aquí presiono
este botón que está abajo con pres JavaScript y puedes ver qué nos dice que comprimió 40 puntos 95 y
lo redujo.
Bueno menos tranquilo y tal vez no tanto pero cualquier peso que eligiéramos en nuestro proyecto es
muy bueno lo que estemos haciendo también va a copiar el mail contó J.V y lo pego aquí.
Selecciono todo lo pegó y comprime el archivo.
En este caso puedes ver que comprimió 1.42 kilobits entonces en realidad solamente salvamos dos kilobytes
que no es mucho pero de dos en dos o cinco o 10 cualquier cantidad es buena cuando vas ahorrando espacio
o comprimiendo tu código de aquí nada más copiamos este código y nos lo llevamos al mail apuntó JSA
de aquí es buena idea siempre probar y ver que todo funciona pues ver que los efectos funcionan.
La barra Saltor arriba correctamente entonces no hay ningún problema.
Si vemos los otros archivos por ejemplo animais number.
Esto ya viene hace comprimió con Down etcétera las librerías que hemos utilizado la mayoría de ellas
nos vamos a encontrar en un CD.
Entonces no hay necesidad.
En mi opinión de comprimir las tenemos utilizando un CDM un poco más adelante en el siguiente video
también tenemos este plugins punto.
También podemos comprimidos de Krieg y todo comprimir JavaScript copy pego y employees JS ahora vamos
a ver cómo comprimir los archivos de CSS abrimos CSS y vamos a encontrar que tenemos algunos archivos
por ejemplo Font pasame se lo podemos cargar desde un CDN en el siguiente video lo estaremos viendo.
Por qué usar un CDN y cómo utilizarlo.
Lightbox es otra librería que vamos a encontrar desde un ZEDM de color Boccia la busqué no estaba en
el CDN La estaremos comprimiendo enseguida y normales.
También están un CDM para comprimir un archivo de CSS estaremos utilizándose ese mini Feuer puntocom.
Funciona exactamente igual.
Entonces vamos a abrir este mail puntos CSS copió todo y lo pego aquí y doy click aquí en minifalda.
Aquí puedo seleccionar todo y copiarlo y traerlo a mi código.
Ahora por eso es que estamos usando o hicimos una copia del otro proyecto porque mira cómo queda el
archivo de CSS ya prácticamente es imposible de leer.
Hay formas y herramientas en las que puedes tomar un código de este tipo y llevarlo a como estaba anteriormente.
Sin embargo yo por eso recomiendo crear una copia del proyecto antes de comenzar a hacer estas optimizaciones
y puedo cerrar esto.
Finalmente tenemos color Box puedo seleccionar todo y unificarlo también copio aquí y a todo y lo copio
y pego y ya también unificado color Boggs y de esta forma va a ser un poco más ligeros también nuestros
archivos.
Entonces utilizando J.V comprais puedes comprimir archivos JavaScript utilizando CSS mini Feuer puntocom
puedes comprimir archivos de CSS utilizando optimizarla puedes optimizar imágenes pero estos son métodos
más manuales de estarlos haciendo uno así copiar y pegar etc..
Hay herramientas como gulp o herramientas como Coronda te permiten hacer todo esto de forma más automática.
Este fue un problema que muchas personas detectaron en que lo hacían constantemente como comprimir imágenes
comprimir o magnificar archivos CSS o JavaScript.
Crear un servidor o un proyecto de producción.
Todas estas tareas se resuelven utilizando goooooool y utilizando Granth así que estamos ya en los últimos
pasos en el siguiente video estaremos viendo cómo utilizar un CDN en nuestro proyecto.