Amo las uñas del profe<3 jjjajaja
Entendiendo el rendimiento
Optimización Avanzada de Páginas Web con Técnicas Prácticas
Optimización de Sitios Web para Mejorar Conversión y Experiencia Usuario
Optimización del Rendimiento Web: Modelo RAIL de Google
Antes de optimizar...
Medición del Rendimiento Web con Chrome DevTools y Lighthouse
Métricas de Experiencia de Usuario: LCP, FID y CLS
Instalación y Configuración de Proyecto Web con Git y Webpack
Crítical Rendering Path
Entendiendo el Critical Rendering Path en Navegadores Web
Optimización de JavaScript para mejorar rendimiento web
Priorización de recursos CSS para mejorar rendimiento web
Optimización de Carga de Recursos con Preload, Prefetch y Preconnect
Optimización de Animaciones CSS para Mejorar el Renderizado
CSS
Optimización de Animaciones CSS para Mejorar Rendimiento
Optimización de CSS: Reducir Complejidad y Mejorar Rendimiento
WebFonts
Optimización de WebFonts para Mejorar el Rendimiento Web
Imágenes, Iconos y SVG
Optimización de Imágenes para Web: Formatos y Herramientas Efectivas
Optimización de Imágenes para Web: Uso de Tamaños y Formatos Adecuados
Comparación entre WebFonts y SVG: Ventajas y Desventajas
Lazy Loading de Imágenes: Técnicas y Estrategias Efectivas
Carga Adaptativa de Imágenes con Gatsby y Web API
Aplicaciones JavaScript
Optimización de JavaScript para Producción Web
Análisis y Optimización de Bundles con Webpack
Optimización de Bundles en Proyectos Web con Webpack
Code Splitting con Webpack: Optimización de Bundles en Proyectos Web
Lazy Loading de Videos con JavaScript y Modales
Event Propagation y Filtrado de Eventos en JavaScript
Integración de Librerías en Proyectos JavaScript
Optimización de Carga de Modales con Lazy Loading en Webpack
Renderizado en Cliente vs. Servidor: Diferencias y Funciones
Implementación de Server Side Rendering en NodeJS
Optimización de Sitios con Static Site Generation
Caché
Funcionamiento de Caché y Redes de Distribución de Contenido (CDN)
Configuración y despliegue de sitios web con Netlify y Github Actions
Automatización de despliegues con Github Actions y Cron en Netlify
Implementación de Caché con Service Workers en JavaScript
Performance Budget
Auditoría de Performance Web con Github Actions y Lighthouse
Creación de Pull Request y Auditorías con Github Actions
Monitoreo de Métricas en Sitios Web en Producción
Conclusiones
Optimización del Critical Render Path en Aplicaciones Web
Optimizar un sitio web no es solo una cuestión técnica, sino una estrategia de negocio esencial. Grandes empresas como Amazon y Walmart han identificado cuánto impacta en sus ganancias la velocidad de carga de sus sitios web. Amazon, por ejemplo, ha descubierto que cada cien milisegundos de latencia les cuesta un 1% de sus ganancias. En el caso de una empresa que generó más de 280,000 millones de euros en 2019, este pequeño porcentaje se traduce en enormes cantidades de dinero. Por otro lado, Walmart ha logrado aumentar su tasa de conversión entre un 1.05 y un 1.2 veces por cada segundo que acelera la carga de su sitio. Pero, ¿cómo se refleja esto en empresas más pequeñas o en nuestros propios negocios?
El comportamiento del usuario está estrechamente ligado a la rapidez con la que un sitio web se carga. Estudios muestran que el 50% de los usuarios abandonan un sitio si tarda más de tres segundos en cargar. Y estos tres segundos no son para quienes acceden desde confortables conexiones de fibra óptica, sino para usuarios comunes conectados desde sus móviles en cualquier lugar. Para cualquier empresa, es vital considerar cuántos potenciales clientes se pierden por no esperar más de este breve tiempo.
Con el incremento del uso de dispositivos móviles para acceder a internet, la optimización para estos dispositivos se vuelve crucial. Usuarios accediendo desde móviles, muchas veces en red de datos limitadas, han cambiado la manera en que se debe considerar la optimización web. Un sitio adaptado y optimizado para móviles no solo garantiza una mejor experiencia, sino que también mejora notablemente las tasas de retención y conversión.
El objetivo principal de la optimización debe estar centrado en las personas. Un sitio que carga rápido no solo beneficia a los negocios en términos de ingresos, sino también a los usuarios, quienes buscan experiencias rápidas y sin fricciones. Pensar en el usuario es pensar en mejorar su acceso y satisfacción, independientemente del dispositivo o la ubicación desde donde se conecten.
Para quienes deseen profundizar más sobre cómo una empresa como Tinder mejoró su rendimiento, se recomienda estudiar el caso en el que reescribieron su sitio web para convertirlo en una aplicación progresiva, logrando una optimización significativa.
Con estos puntos en mente, es claro que la optimización web no es un lujo, sino una necesidad fundamental tanto para el usuario como para el negocio. Al final, la clave está en ofrecer una experiencia mejorada para favorecer la conversión y, por ende, los ingresos. Si estás interesado en saber más sobre cómo medir cuánto significa que un sitio sea rápido o lento, te invitamos a seguir explorando este fascinante ámbito. ¡Nos vemos en la próxima!
Aportes 17
Preguntas 2
Amo las uñas del profe<3 jjjajaja
Justo hoy estaba vi esta info, acerca de las ganancias en de las empresas mas grándes de tecnología. (Amazon, Apple, Alphabet, Facebook, Microsoft). 🔥🤑💸
Performance.- es referente a la velocidad de carga
La optimización web tata de las personas
<h4>Apuntes</h4>RESUMEN: Mientras más rápido sea un sitio web, se tendrá mayores beneficios para el que propone el sitio web, entre ellos esta una mejor experiencia de usuario
Espero sacar algo de utilidad de este curso. En mi trabajo tengo que optimizar los sitios web de la empresa, los cuales tienen una infraestructura compleja, y no fueron construidos precisamente con las mejores prácticas…
**la regla de oro ** la velocidad es importante y si tienes un sitio web debe ser tu prioridad el performance ⭐⭐⭐⭐⭐
La optimización web es sobre las personas. Entre más rápidos sean nuestros sitios web, entre mejor carguen, para las personas sin importar el dispositivo con el que se conecten ni de dónde se conecten, ¡MUCHO MEJOR!
Entre mejor para las personas, mejor CONVERSIÓN; entre mayor conversión, mayor DINERO para la empresa.
Que buen curso, seguro que le saco mucho provecho.
Gracias!!!
Excelente. Ya esperaba este curso.
A veces olvidamos que nuestros sitios no son necesariamente accedidos por dispositivos con buena conectividad.
Desde el simple hecho de probar nuestro sitio con 3G bastaría darnos cuenta que hay una cantidad de gente que no estamos llegando.
Me agrada el curso virtual
jaja no puedo creer, justo menciona a Amazon y hoy 07/12/2021 AWS tuvo una caida a nivel mundial.
Ver el curso de optimizacion web y que el link que te dejan de la pagina no cargue da a entender la importancia
😊
va a estar super interesante este curso
yo también amo esas uñas… ❤️
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?