Hemos llegado a la etapa de optimización de nuestro sitio web.
Esta etapa usualmente la hacemos antes de lanzar el sitio web y veamos algunas consideraciones.
En qué consiste esta etapa en esta etapa es donde vamos a comprimir las imágenes lo más posible.
Hay distintos servicios que podemos utilizar en una página web para comprimir las imágenes o también
programas como Photoshop que permiten exportar una imagen más ligera para ser utilizada en una página
web también se recomiendan unificar el HTML los archivos CSS y JavaScript ya sea de nuevo mediante una
página o alguna herramienta como Google o como pronto se recomienda también utilizaron ZEDM en medida
de lo posible algunas de las librerías o casi todas las que hemos utilizado en este curso todas están
disponibles en Sedna así que veremos cómo hacerlo y por último cachear los archivos php y las consultas
Mistico.
Esto también va a ser muy importante hacerlo y te estaré mostrando cómo hacer estos cuatro pasos.
En este capítulo así que vamos a empezar por comprimir imágenes para subirlas a nuestro proyecto.
Lo primero que vamos a hacer es ubicarnos en la carpeta HT docx donde tenemos nuestro proyecto de aquí
lo que voy a hacer es duplicar esta carpeta.
Vamos a duplicarla y voy a renombrar usualmente ahorita se llama GDL webcam.
Usualmente yo siempre las pongo así como producción que este va a ser la instalación los archivos que
subiría a mi servidor y también voy a abrir esto en en mi editor porque vamos a estar comprimiendo los
archivos unificando los archivos JavaScript y CSS.
Ahora por qué crear una copia.
Porque vamos a magnificar los archivos.
Vamos a reemplazar algunas imágenes y siempre es bueno tener un respaldo un respaldo que sea exactamente
igual a la última copia ya del proyecto.
Abrimos nuestro proyecto y aquí por ejemplo abrimos la carpeta de M.G. vamos a abrirla aquí vamos a
encontrar que tenemos este Zip al menos yo lo voy a eliminar.
También voy a eliminar esta galería dos o eliminar estas seis imágenes de invitados.
Estas seis imágenes de invitados ya se suben a qué invitados.
Entonces ya no hay necesidad de tenerlas.
Vamos a asegurarnos que estemos aquí.
GDL webcam guión producción y ver que las imágenes todo esté funcionando correctamente.
Ahora lo primero que vamos a hacer es hacer las imágenes más ligeras.
Si tienes programas como Photoshop también te permiten hacerlo o puedes utilizar una página web como
optimizarla.
Hay muchos ejemplos de páginas que hacen este trabajo pero esta es un muy buen ejemplo y es un servicio
que es gratuito.
Entonces lo único que hacemos aquí es por ejemplo voy a colapsar esto y voy a cargar las imágenes que
están en la carpeta y M.G. entonces selecciono a todo equipo le Cedegé invitados y la galería entonces
selecciono esto y lo arrastro seca y esto va a optimizar y hacer las imágenes más ligeras.
Optimizarla me gusta porque reduce mucho el tamaño de las imágenes y la calidad es bastante buena.
Entonces vemos que aquí hacen unos porcentajes cuánto optimizó cada una de las imágenes y puedo presionar
aquí para descargar las imágenes.
Doy clic aquí para descomprimir Flash y habrá optimizarla algo que vas a notar es que el agregar un
min en min para evitarnos estar escribiendo algo más en el código.
Lo que voy a hacer es nombrarlo.
Si tienes una Mac puedes utilizar botón derecho renombrar y eso te va a permitir reemplazar el texto.
Hay que darle replays Tex y voy a buscar por guion mil y lo voy a reemplazar con nada y doy Romney y
eso va a reemplazar los.
No sé si en Windows lo tenga pero de otra forma tendrías que eliminar el minen cada una de las imágenes
arrastro esto acá y reemplazo todas las imágenes siguiente vamos a ir por la galería a la galería puedes
ver que son muchísimas imágenes entonces aquí voy a recargar y voy a cargar todas estas imágenes nos
cargó acá una vez que el botón gris ya se pone habilitado puedo dar clic aquí y eso me va a descargar
las imágenes entonces aquí voy a descomprimir o abrir el archivo y de nuevo voy a hacer esto más grande
selecciono todo botón derecho renombrar y voy a reemplazar el mío y ya nada más lo arrastro hacia acá
lo aplico a todo y no reemplazo y ya se van a reemplazar las imágenes iban a ser imágenes más ligeras
no menos faltaste que se Tomsk.
También entonces limpiamos la lista arrastro de nuevo todo hacia acá y esto va a ser más rápido porque
estas imágenes son más ligeras y vas a notar que también sigue apareciendo cuanto pudo comprimir cada
una de las imágenes.
Vamos a descargar todo y optimice el aquí.
De nuevo voy a renombrar todas.
Aquí me equivoqué de botón selecciona todas y Irgún Namm y Benaim de nuevo y voy a arrastrarlas hacia
acá para reemplazar todas las imágenes entonces con eso ya tengo las imágenes me faltaste de invitados
esta es la carpeta que suben los desde el administrador.
Vamos a optimizarla también y vamos a esperar a que terminen una vez que termina se pone este botón
en gris habilitado.
Entonces vamos a esperar a que finalice
damos clic en Download y esta va a ser las últimas imágenes de nuevo seleccionamos nombramos y reemplazamos
y con eso tenemos ya nuestras imágenes más ligeras.
No no y no revisé cuánto medían antes pero sí recuerdo haberlo visto antes y eran cuatro megas.
Pasamos de 4 a 2 megas.
Entonces quitamos la mitad del tamaño.
Ahora si vemos por ejemplo el tamaño de las imágenes hay dos que sobresalen mucho.
Estas dos miden 144 kilobytes lo cual es bastante lo que va a hacer adquiriese abrirla en Photoshop.
Si tienes una herramienta como Photoshop te debe permitir exportar una versión más ligera y usualmente
en Photoshop puedes ver a quien Archivo Guardar para web y desde aquí le puedes definirla.
La calidad de la imagen y puedes guardar y eso nos va a llevar a equipos de seis y reemplazar esto también
ido de Archivo Guardar para web también y guardar y reemplazar y así es como también puedes ayudar para
hacer más ligeras tus imágenes cuando estás utilizando un servicio más lleno.
Programas como Photoshop recargamos nuestro proyecto se debe ver exactamente igual solamente que las
imágenes ya están optimizadas para ser más ligeras.
Así que hemos finalizado el primer paso de la optimización de nuestro sitio web que era hacer las imágenes
ligeras en el siguiente vídeo.
Saber cómo comprimir los archivos de JavaScript y los archivos de CSS.