Optimización del rendimiento web: Carga perezosa de imágenes y fuentes

Las páginas web que se cargan lentamente frustran a los usuarios y perjudican las clasificaciones de los motores de búsqueda.Una parte significativa de este retraso proviene de imágenes pesadas y no optimizadas y fuentes web que bloquean la representación y que ralentizan la visualización del texto. Este curso basado en texto le enseñará cómo optimizar los activos web para que sus sitios web se carguen más rápido y funcionen de manera más fluida. Descubrirá cómo diferir los activos no críticos, implementar estrategias de carga modernas y ofrecer una experiencia de usuario perfecta sin sacrificar la calidad del diseño. Lo que aprenderás: - Comprenda las métricas de rendimiento web fundamentales, incluidos los Core Web Vitals como Cumulative Layout Shift y Largest Contentful Paint. - Implementar la carga perezosa nativa de HTML y las propiedades de decodificación para diferir las imágenes no críticas. - Aplicar formatos de imagen modernos como WebP y AVIF con marcado sensible para minimizar los tamaños de transferencia. - Configurar la propiedad CSS font-display para evitar texto invisible durante la carga de fuentes. - Practique la optimización de la entrega de fuentes utilizando estrategias de precarga y fuentes variables modernas. - Analice el comportamiento de carga de activos utilizando herramientas de desarrollador de navegador para identificar cuellos de botella de rendimiento. A través de explicaciones claras y fragmentos de código estructurados, aprenderá a escribir HTML y CSS limpios y de alto rendimiento, y a utilizar las herramientas de diseño de sitios web para crear sitios web de alta calidad. Este curso está diseñado para desarrolladores web principiantes, diseñadores y propietarios de sitios que desean crear sitios web más rápidos, sin necesidad de experiencia previa en optimización de rendimiento.Comience a optimizar sus proyectos web y brinde experiencias ultrarrápidas a sus usuarios hoy mismo.