En este video vamos a enlazar algunas de las librerías que tenemos en nuestro proyecto utilizando un
CD.
Vamos a abrir por ejemplo aquí este CSS y digamos que tenemos este fond o son .1.000 puntos CSS.
Cuando alguien entra a nuestro sitio web y carga las hojas de estilo entra y descarga también fondos
son puntos 0.6 y puedes ver que pesa 29 kilobytes cada que alguien entra va a tener que descargar esta
hoja de estilos y son 29 kilobytes que van a estarse cargando en cada visita.
Font Home es una librería muy muy popular y si utilizamos un CDN tenemos la ventaja de que si alguien
entra a un sitio web que ya tiene esta librería agregada ya no va a volver a cargar y va a cargar nuestro
sitio web de forma mucho más rápido.
Siguiendo con las optimizaciones veremos cómo utilizar un CDN en medida de lo posible.
Muchas veces una librería de las que estamos utilizando no se encuentra en un ZEDM.
En esos casos el archivo lo tendremos que almacenar nosotros.
Sin embargo muchas librerías son muy populares y vas a encontrar un CDN que las tenga ya almacenadas.
Existen bastantes opciones de CDN que puedes utilizar sin embargo una que a mí me gusta mucho es CD
MJS puntocom.
Para este ejemplos tenemos abriendo nuestro código y a quien incluso estaremos abriendo templates y
abriremos el Führer.
Y aquí es donde tenemos enlazados los archivos JavaScript y los archivos de CSS.
Vamos a empezar con el primero normales vamos a buscar aquí normales y buscamos normales y vemos que
nos aparecen los resultados.
Si das click aquí te va a llevar a lo que es la librería a los enlaces.
Desde aquí puedes seleccionar una versión distinta para que obtengas la versión exacta que tienes en
desarrollo ya en tu sitio en producción.
También puedes escoger por ejemplo el Provider usualmente es el correcto y ese está bien así que vas
a ver normal si abrimos por ejemplo aquí voy a colapsar esto si abrimos normalidades vamos a ver qué
yo estoy utilizando la versión 3.0 .3.
Ahora si vemos aquí está ya la nueva la 8 puedes cargar la versión más nueva o puedes cargar la que
ya tienes.
Vamos a cargar en mi caso la 3.0 III y de aquí puedes ver que viene normal 6.0 y normal .1.000 CSS.
Usualmente se recomienda la versión bonificada y podrías copiarlo de aquí copiarlo y pegarlo por ejemplo
aquí en el GD nada más reemplazarlo aquí sin embargo algo que tiene este servicio es que si das click
te viene para copiar el link Tag así que lo copio y reemplazaría todo esto.
Ya vengo ya tengo el enlace en lugar de normal es una versión hospedada en mi servidor estaría haciendo
peticiones al servidor de Cloud Flair puntocom y si alguien más entra a otro sitio web que ya tiene
una versión de normalismo ya no va a tener que cargarlo entonces el siguiente es Font Olsson.
Entonces vamos aquí de nuevo a abrir CROM y volvemos a buscar por todos son.
Doy click aquí y aquí nos aparece que ver la versión 4.7 vamos a cargar el punto a 1000 puntos CSS.
Entonces qué voy a buscar el punto en CSS este de aquí entonces de nuevo copio con el link y el reemplazo
esta fuente de Google no hay necesidad de hacer nada y si damos un poco más de scroll lo vemos que tenemos
color Box.
Vamos a volver a buscar aquí va a dar click y buscamos por color Box.
Puedes ver que sí cuenta con Vox Dei click aquí.
Sin embargo este no tiene los archivos CSS nada más los archivos J.V.
Es por eso que los comprimidos en el video anterior ya había hecho yo la búsqueda.
Entonces vi que no estaba en siguientes Lightbox puedes ver que tenemos esta versión entonces voy a
buscar también por Lightbox.
En mi caso instalé la versión 2.8 entonces la iVoox doble click aquí y aquí voy a buscar 2.8 puntos
y vamos a buscar la época mil puntos CSS que vendría siendo este aquí lo copio completo y reemplazo.
Pero ya hemos reemplazado tres librerías normales fondos on my life Books.
Entonces si abrimos aquí nuestro proyecto CSS vamos a encontrar fondos o son los ebooks normales y Podemos
ya eliminarlos.
No va a haber problemas porque ya estamos utilizando Kronfle para enlazar esos archivos Main puntos
ese y el color box ya están unificados.
Entonces podemos continuar.
Ahora vamos a continuar con los scripts que tenemos moderna ser versión 2.8 .3 los aquí por moderna
y seria y doble click aquí.
Y vemos que viene la versión 2.ª 8.3.
Voy a copiar la versión magnificada entonces copio y pego aquí
Scripta que dice Scripta lo pego aquí y vemos que ya enlaza a modernicen de aquí ya nos iremos al Führer.
Si abrimos el foro y le damos un poco de scroll vamos a ver que por ejemplo QWERTY y el primer código
ese ya utilizan Sedna a utilizarse DNDi QWERTY.
Entonces no hay problema podemos continuar con el siguiente tenemos esta librería Animate number.
Vamos a copiarlo.
Volvemos a la página principal y de aquí buscamos y vemos que anime ver si existe en este ZEDM.
Entonces aquí puedo copiar también copy Scripta y reemplazo.
Ya si alguien más tiene a number en su sitio web.
Si entran a ese sitio y luego al de nosotros librería ya no se va a descargar porque está utilizando
un CDM.
También va a aligerar lo que viene haciendo las peticiones a nuestro servidor porque las va a realizar
al sitio web de Klotz Flair y se pjs.
Entonces continuamos Catam.
Entonces vamos a buscarlo también y aquí también aparece.
Está disponible y de nuevo voy a copiar la versión dignificada copy reemplazo aquí.
Y también le vamos a buscarlo.
Click aquí.
Lerín también está disponible es muy popular entonces aquí puedo copiar las criptas y pegarlo nos hacen
falta estas que están aquí.
Vamos a buscar por ejemplo hora y color Box y pego aquí y en el caso de color Vox vamos a buscar color
Vox .1.000 vemos que utiliza la versión 1.6 .4 entonces esta es la correcta y vamos a buscar el MIR.
Lo vas a encontrar casi hasta el final entonces el script TACC también y lo pegamos aquí dentro de las
comillas de PHP.
Después buscamos waypoints y click aquí para volver Recovery waypoints si damos una búsqueda por Eric
waypoints vemos que la versión 4.0 punto 1.
Entonces esta es la correcta sin embargo nosotros cargamos una o más bien dicho está que está aquí como
punto a punto J.V
si estallaran entonces también reemplazo y pego aquí.
Ahora este proceso puede verse como algo tedioso y aburrido sin embargo va a valer mucho la pena en
el performance de tu sitio web y también para aligerar la carga en tu proyecto tenemos Lightbox también
vamos a abrir Lightbox es la versión 2.8 8.2 entonces aquí va a poner 2.8 puntos y buscamos mil puntos
J.V que esta aquí abajo copiamos el Scripta llegamos aquí y el main ya lo hemos dignificado el cotizado
también y Google Maps no es necesario hacerle nada esto que está aquí abajo tampoco.
Entonces aquí guardamos cambios y ahora vamos a abrir de nuevo nuestro proyecto abrimos el JS Y ya hemos
enlazado animais Manver color box con Down letter in waypoints Book todo esto las podemos eliminar si
abrimos vendor aquí también podemos eliminar Vickery si quieres y modernicen ya no van a hacer falta
ninguna de estas dos librerías.
En el caso de Kairi puedes ver que aquí tenemos este código.
Este código lo pudiéramos quitar también va a ser enlace allí cuerina ahora una vez que haces esta parte
de optimización yo recomiendo cargar el sitio web abrir por ejemplo inspeccionar quién Consol revisar
que no haya errores 404 o algo que no haya cargado correctamente.
Entonces con esto finalizamos la etapa de optimización en el siguiente video estaremos viendo cómo cachear
lo que son las consultas y los archivos php te mostrará una técnica muy sencilla pero que la verdad
funciona perfectamente para cachear consultas y archivos de PHP que lo estaremos viendo o lo estaremos
viendo en el siguiente video.