Esta web utiliza cookies para que podamos ofrecerte la mejor experiencia de usuario posible. La información de las cookies se almacena en tu navegador y realiza funciones tales como reconocerte cuando vuelves a nuestra web o ayudar a nuestro equipo a comprender qué secciones de la web encuentras más interesantes y útiles.
Empresiona
Oxygen Builder
Debido al poco uso de la plataforma, los vídeos de las clases han sido retirados de la web.
Si aún estás haciendo el curso, contáctame a bohdan@empresiona.com y te compartiré un acceso alternativo. ¡Un abrazo!
Si aún estás haciendo el curso, contáctame a bohdan@empresiona.com y te compartiré un acceso alternativo. ¡Un abrazo!
Oxygen y WPO
En este bloque vemos todo lo relacionado con la optimización de velocidad aplicado a Oxygen Builder.
No es un curso de optimización de velocidad genérico, sino las mejores prácticas y algunas consideraciones a tener en cuenta para mantener nuestra web lo más ligera posible cuando trabajamos con Oxygen Builder.
1
Intro y código por defecto
Hacemos una revisión a qué código carga Oxygen Builder una vez que lo instalamos y cómo lo genera a partir de ahí. Así tenemos una mejor perspectiva del punto de partida que tenemos de cara a velocidad de carga de nuestra web.
1
Bloat de WordPress
Vemos cómo eliminar algunos recursos que vienen por defecto en WordPress y que podríamos no necesitar. Así partiremos de una base aún más ligera.
1
Gestión de iconos
Revisamos cómo gestiona Oxygen el uso de los iconos para que sepas cuánto código va a cargar Oxygen al usarlos y cómo afectará la velocidad de carga de la web.
1
Gestión recomendada de código
Comparto mi método para añadir y organizar el código extra (CSS y JS) que añado a la web en Oxygen para mantenerla lo más ligera posible.
1
Tamaños personalizados de imágenes
Vemos cómo registar y usar tamaños de imágenes personalizados en Oxygen para reducir el tamaño de algunas imágenes que cargamos en la web.
1
Imágenes responsive y lazy load de fondos
Comento dos puntos a tener en cuenta sobre cómo carga Oxygen algunas imágenes y su implicación en la velocidad de carga.
1
LCP – Imagen estática
Vemos cómo corregir el LCP de Google Vitals en el caso de una imagen estática.
1
LCP – Single posts
Vemos cómo corregir el LCP de Google Vitals en el caso de imágenes que cargamos de forma dinámica como imágenes destacadas de algún post type.
1
LCP – Imágenes en un loop
Vemos cómo corregir el LCP de Google Vitals en el caso de tener una página con un listado de imágenes.
1
Acelerar la carga del editor de Oxygen
hello world!