Especialista en servidores y Hosting VPS
ii-WPO🏃♂️
/
RSS Feed
Segundo episodio de esta trilogía, hoy hablaremos de la optimización de carga de CSS y JS, de CDN, y de carga condicional 😉
- Optimización de carga de CSS y Java Scripts
- Los plugin’s y las plantillas deben tener su código ya optimizado
- Al usar tantos plugins de tantos desarrolladores, se vuelve necesario hacer una optimización extra
- Podremos optimizar:
- Minificar
- Hacer mas pequeños los archivos, eliminando comentarios y saltos de linea que no es indispensable
- Combinar
- Unir varios archivos de un mismo tipo, en uno solo
- Poco usado por el tema de la compatibilidad
- Carga asíncrona
- Hace que tu web se cargue de manera secuencial y no todo de una vez
- Minificar
- Si agilizamos la carga de CSS y JS
- Mejora la experiencia del usuario
- Simplifica la carga para los bots de los motores de búsqueda
- Con que plugins podemos hacer esto…
- Red de distribución de contenido: CDN
- Se usa para servir contenido estatico
- Videos
- Imagenes
- Fotos
- PDF’s
- .zips
- En un punto de presencia mas cercano a nuestro visitante
- Ayuda a reducir la latencia y mejora el tiempo de descarga
- Podemos usar:
- KeyCDN (Innovación y mejora continua)
- CDN77 (Muy recomendado para Latinoamérica)
- Amazon cloudfront (Estabilidad total)
- Se usa para servir contenido estatico
- Carga condicional de elementos
- Simplifica la carga de CSS y JS
- No carga elementos innecesarios en algunas partes de la web
- Por ejemplo con un formulario que esta en la página contacto, no tiene porque cargar los script del formulario en la home
- La idea es cargar lo que necesitamos, cuando lo necesitamos, y donde lo necesitamos
- Con esto se ha caído en un error, muchos le llaman: Carga condicional de plugins y no es así.
- Se carga condicionalmente el CSS y JS
- El PHP se sigue ejecutando exactamente igual
- Que plugins podemos usar:
- Dos de ayer y tres de hoy. En total 5 buenas practicas para lograr y aprovechar al máximo el WPO.
- Y entrar en este hermoso mundo de optimizar nuestras web